Move fonts from light/semibold to regular/bold for better readability

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-10-01 23:29:46 +02:00
parent ce9377a464
commit d9387add9e
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
13 changed files with 44 additions and 59 deletions

View File

@ -21,7 +21,7 @@
h2,
h3,
h4 {
font-weight: 600;
font-weight: bold;
}
h2 {
@ -727,7 +727,7 @@ kbd {
border-radius: 0;
text-align: left;
padding-left: 42px;
font-weight: 400;
font-weight: normal;
/* like app-navigation a */
color: var(--color-main-text);
@ -794,7 +794,7 @@ kbd {
margin-bottom: 1px;
}
&.selected {
font-weight: 600;
font-weight: bold;
}
&.selected,
&:hover,
@ -911,7 +911,7 @@ $popovericon-size: 16px;
align-items: flex-start;
height: auto;
margin: 0;
font-weight: 300;
font-weight: normal;
box-shadow: none;
width: 100%;
color: var(--color-main-text);

View File

@ -1,26 +1,17 @@
/* for low-res screens, use Regular font-weight instead of Light */
@media (-webkit-max-device-pixel-ratio: 1.3), (max-resolution: 124.8dpi) {
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: local('Open Sans'), local('OpenSans'),
url('../fonts/OpenSans-Regular.woff') format('woff');
}
url('../fonts/OpenSans.woff') format('woff'),
url('../fonts/OpenSans.ttf') format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'),
url('../fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
url('../fonts/OpenSans-Semibold.woff') format('woff');
font-weight: bold;
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/OpenSans-Bold.woff') format('woff'),
url('../fonts/OpenSans-Bold.ttf') format('ttf');
}

View File

@ -16,7 +16,7 @@ ul { list-style:none; }
body {
background-color: #ffffff;
font-weight: 400;
font-weight: normal;
font-size: .8em;
line-height: 1.6em;
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
@ -56,7 +56,7 @@ em {
h2,
h3,
h4 {
font-weight: 600;
font-weight: bold;
}
h2 {
@ -198,7 +198,7 @@ select {
min-width: 25px;
padding: 12px;
background-color: white;
font-weight: 600;
font-weight: bold;
color: #555;
border: none;
cursor: pointer;
@ -216,7 +216,7 @@ input[type='email'] {
-moz-appearance: textfield;
box-sizing: content-box;
border: none;
font-weight: 300;
font-weight: normal;
}
input.login {
width: 269px;
@ -607,7 +607,7 @@ form #selectDbType label.ui-state-active {
.warning a,
.error a {
color: #fff !important;
font-weight: 600 !important;
font-weight: bold !important;
opacity: 1;
}
.error a.button {
@ -803,7 +803,7 @@ footer {
}
footer .info .entity-name {
font-weight: 600;
font-weight: bold;
}
.hidden {
@ -823,26 +823,20 @@ a.legal {
font-size: smaller;
}
/* for low-res screens, use Regular font-weight instead of Light */
@media (-webkit-max-device-pixel-ratio: 1.3), (max-resolution: 124.8dpi) {
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Regular.woff') format('woff');
}
src: local('Open Sans'), local('OpenSans'),
url('../fonts/OpenSans.woff') format('woff'),
url('../fonts/OpenSans.ttf') format('ttf');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/OpenSans-Semibold.woff') format('woff');
font-weight: bold;
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('../fonts/OpenSans-Bold.woff') format('woff'),
url('../fonts/OpenSans-Bold.ttf') format('ttf');
}

View File

@ -212,7 +212,7 @@
.header-appname {
color: var(--color-primary-text);
font-size: 16px;
font-weight: 600;
font-weight: bold;
margin: 0;
padding: 0;
padding-right: 5px;

View File

@ -286,7 +286,7 @@ button img,
}
select,
.button.multiselect {
font-weight: 400;
font-weight: normal;
}
/* Radio & Checkboxes */

View File

@ -70,7 +70,7 @@ $footer-height: 65px;
color: var(--color-text-lighter);
a {
color: var(--color-text-lighter);
font-weight: 600;
font-weight: bold;
white-space: nowrap;
/* increasing clickability to more than the text height */
padding: 13px;

View File

@ -84,7 +84,7 @@ ul {
body {
background-color: var(--color-main-background);
font-weight: 300;
font-weight: normal;
font-size: .8em;
line-height: 1.6em;
font-family: var(--font-face);
@ -327,14 +327,14 @@ label.infield {
.warning {
legend, a {
color: var(--color-primary-text) !important;
font-weight: 600 !important;
font-weight: bold !important;
}
}
.error {
a {
color: var(--color-primary-text) !important;
font-weight: 600 !important;
font-weight: bold !important;
&.button {
color: var(--color-text-lighter) !important;
display: inline-block;
@ -541,7 +541,7 @@ code {
.ui-datepicker-title {
line-height: 1;
font-weight: 300;
font-weight: normal;
}
.ui-icon {
opacity: .5;
@ -622,7 +622,7 @@ code {
.ui-timepicker-title {
line-height: 1;
font-weight: 300;
font-weight: normal;
}
}
/* AM/PM fix */
@ -1025,7 +1025,7 @@ div.crumb {
&:not(:first-child) a {
}
&:last-child {
font-weight: 600;
font-weight: bold;
margin-right: 10px;
// Allow multiple span next to the main 'a'
a ~ span {

View File

@ -15,7 +15,7 @@
display: block;
font-family: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;
font-style: normal;
font-weight: 400;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.6;

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -328,7 +328,7 @@ select {
&.active {
box-shadow: inset 2px 0 var(--color-primary);
.menuitem-text {
font-weight: 600;
font-weight: bold;
}
}
}
@ -566,7 +566,7 @@ li.active {
width: 150px;
}
label {
font-weight: 700;
font-weight: bold;
}
}