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:
parent
ce9377a464
commit
d9387add9e
|
@ -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);
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -286,7 +286,7 @@ button img,
|
|||
}
|
||||
select,
|
||||
.button.multiselect {
|
||||
font-weight: 400;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* Radio & Checkboxes */
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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.
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue