fixed fonts...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-12-25 05:50:45 +03:00
parent dd65fcbb72
commit c143cb7eec
4 changed files with 36 additions and 32 deletions

View File

@ -13,8 +13,6 @@ body {
/* this will prevent odd blur effects when blurring out specific /* this will prevent odd blur effects when blurring out specific
elements... */ elements... */
background: black; background: black;
/*font: OpenSans, sans-serif;*/
} }
/* show image gid... */ /* show image gid... */

View File

@ -8,46 +8,48 @@
*/ */
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-Regular.ttf) src: url(fonts/Open_Sans/OpenSans-Regular.ttf);
} }
/*
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-Bold.ttf) src: url(fonts/Open_Sans/OpenSans-Bold.ttf);
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-Italic.ttf) src: url(fonts/Open_Sans/OpenSans-Italic.ttf);
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-BoldItalic.ttf) src: url(fonts/Open_Sans/OpenSans-BoldItalic.ttf);
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-ExtraBold.ttf) src: url(fonts/Open_Sans/OpenSans-ExtraBold.ttf);
font-weight: bolder; font-weight: bolder;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf) src: url(fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf);
font-weight: bolder; font-weight: bolder;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-Light.ttf) src: url(fonts/Open_Sans/OpenSans-Light.ttf);
font-weight: lighter; font-weight: lighter;
} }
@font-face { @font-face {
font-family: OpenSans; font-family: OpenSans;
src: url(fonts/Open_Sans/OpenSans-LightItalic.ttf) src: url(fonts/Open_Sans/OpenSans-LightItalic.ttf);
font-weight: lighter; font-weight: lighter;
font-style: italic; font-style: italic;
} }
*/
@ -55,6 +57,7 @@
* - does not have an explicit italic face but seems to look ok when * - does not have an explicit italic face but seems to look ok when
* slanted programmatically... * slanted programmatically...
*/ */
/*
@font-face { @font-face {
font-family: WorkSans; font-family: WorkSans;
src: url(fonts/Work_Sans/WorkSans-Thin.ttf); src: url(fonts/Work_Sans/WorkSans-Thin.ttf);
@ -70,11 +73,13 @@
src: url(fonts/Work_Sans/WorkSans-Light.ttf); src: url(fonts/Work_Sans/WorkSans-Light.ttf);
font-weight: 300; font-weight: 300;
} }
*/
@font-face { @font-face {
font-family: WorkSans; font-family: WorkSans;
src: url(fonts/Work_Sans/WorkSans-Regular.ttf); src: url(fonts/Work_Sans/WorkSans-Regular.ttf);
font-weight: 400; font-weight: 400;
} }
/*
@font-face { @font-face {
font-family: WorkSans; font-family: WorkSans;
src: url(fonts/Work_Sans/WorkSans-Medium.ttf); src: url(fonts/Work_Sans/WorkSans-Medium.ttf);
@ -100,6 +105,7 @@
src: url(fonts/Work_Sans/WorkSans-Black.ttf); src: url(fonts/Work_Sans/WorkSans-Black.ttf);
font-weight: 900; font-weight: 900;
} }
*/
@ -107,43 +113,43 @@
/* /*
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf);
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf);
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf);
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf);
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBold.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBold.ttf);
font-weight: bolder; font-weight: bolder;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBoldItalic.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-ExtraBoldItalic.ttf);
font-weight: bolder; font-weight: bolder;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-Light.ttf);
font-weight: lighter; font-weight: lighter;
} }
@font-face { @font-face {
font-family: SourceSansPro; font-family: SourceSansPro;
src: url(fonts/Source_Sans_Pro/SourceSansPro-LightItalic.ttf) src: url(fonts/Source_Sans_Pro/SourceSansPro-LightItalic.ttf);
font-weight: lighter; font-weight: lighter;
font-style: italic; font-style: italic;
} }
@ -157,21 +163,21 @@
/* /*
@font-face { @font-face {
font-family: Arimo; font-family: Arimo;
src: url(fonts/Arimo/Arimo-Regular.ttf) src: url(fonts/Arimo/Arimo-Regular.ttf);
} }
@font-face { @font-face {
font-family: Arimo; font-family: Arimo;
src: url(fonts/Arimo/Arimo-Bold.ttf) src: url(fonts/Arimo/Arimo-Bold.ttf);
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: Arimo; font-family: Arimo;
src: url(fonts/Arimo/Arimo-Italic.ttf) src: url(fonts/Arimo/Arimo-Italic.ttf);
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: Arimo; font-family: Arimo;
src: url(fonts/Arimo/Arimo-BoldItalic.ttf) src: url(fonts/Arimo/Arimo-BoldItalic.ttf);
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@ -183,43 +189,43 @@
/* /*
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-Regular.ttf) src: url(fonts/Roboto/Roboto-Regular.ttf);
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-Bold.ttf) src: url(fonts/Roboto/Roboto-Bold.ttf);
font-weight: bold; font-weight: bold;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-Italic.ttf) src: url(fonts/Roboto/Roboto-Italic.ttf);
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-BoldItalic.ttf) src: url(fonts/Roboto/Roboto-BoldItalic.ttf);
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-ExtraBold.ttf) src: url(fonts/Roboto/Roboto-ExtraBold.ttf);
font-weight: bolder; font-weight: bolder;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-ExtraBoldItalic.ttf) src: url(fonts/Roboto/Roboto-ExtraBoldItalic.ttf);
font-weight: bolder; font-weight: bolder;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-Light.ttf) src: url(fonts/Roboto/Roboto-Light.ttf);
font-weight: lighter; font-weight: lighter;
} }
@font-face { @font-face {
font-family: Roboto; font-family: Roboto;
src: url(fonts/Roboto/Roboto-LightItalic.ttf) src: url(fonts/Roboto/Roboto-LightItalic.ttf);
font-weight: lighter; font-weight: lighter;
font-style: italic; font-style: italic;
} }

View File

@ -200,7 +200,7 @@
} }
body { body {
font-family: /*worksans,*/ opensans, sans-serif; font-family: opensans, sans-serif;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }

View File

@ -5,7 +5,7 @@
min-width: 300px; min-width: 300px;
width: initial; width: initial;
padding: 5px; padding: 5px;
font-family: /*worksans,*/ opensans, sans-serif; /*font-family: opensans, sans-serif;*/
background: gray; background: gray;
/*color: rgba(255,255,255,0.8);*/ /*color: rgba(255,255,255,0.8);*/