kazhnuz
/
clear-typography
1
0
Fork 0
Code Issues 4 Pull Requests Releases 1 Wiki Activity

fonts: switch to open sans

This commit is contained in:
Kazhnuz 2018-10-15 13:35:03 +02:00
parent 98052ed4db
commit 513a28cbdd
45 changed files with 174 additions and 197459 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
css/clear-typography.css
View File

@ -1,42 +1,77 @@
/* ------------------ FONT LOADING ------------------- */
@font-face {
font-family: 'ClearSans';
src: url("../fonts/ClearSans-Light.eot");
src: url("../fonts/ClearSans-Light.woff") format("woff"), url("../fonts/ClearSans-Light.ttf") format("truetype");
font-family: 'OpenSans';
src: url("../fonts/OpenSans-Light-webfont.eot");
src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'ClearSans';
src: url("../fonts/ClearSans-Regular.eot");
src: url("../fonts/ClearSans-Regular.woff") format("woff"), url("../fonts/ClearSans-Regular.ttf") format("truetype");
font-family: 'OpenSans';
src: url("../fonts/OpenSans-LightItalic-webfont.eot");
src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'OpenSans';
src: url("../fonts/OpenSans-Regular-webfont.eot");
src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'ClearSans';
src: url("../fonts/ClearSans-Italic.eot");
src: url("../fonts/ClearSans-Italic.woff") format("woff"), url("../fonts/ClearSans-Italic.ttf") format("truetype");
font-family: 'OpenSans';
src: url("../fonts/OpenSans-Italic-webfont.eot");
src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'ClearSans';
src: url("../fonts/ClearSans-Medium.eot");
src: url("../fonts/ClearSans-Medium.woff") format("woff"), url("../fonts/ClearSans-Medium.ttf") format("truetype");
font-family: 'OpenSans';
src: url("../fonts/OpenSans-Semibold-webfont.eot");
src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'ClearSans';
src: url("../fonts/ClearSans-MediumItalic.eot");
src: url("../fonts/ClearSans-MediumItalic.woff") format("woff"), url("../fonts/ClearSans-MediumItalic.ttf") format("truetype");
font-family: 'OpenSans';
src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot");
src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg");
font-weight: 600;
font-style: italic; }
@font-face {
font-family: 'OpenSans';
src: url("../fonts/OpenSans-Bold-webfont.eot");
src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'OpenSans';
src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg");
font-weight: 700;
font-style: italic; }
@font-face {
font-family: 'OpenSans';
src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'OpenSans';
src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg");
font-weight: 800;
font-style: italic; }
/* ------------------ GLOBAL STYLE ------------------- */
body {
font-family: ClearSans, sans-serif;
font-family: OpenSans, sans-serif;
text-align: left;
font-size: 4mm;
line-height: 1.5em;

BIN
fonts/ClearSans-Bold.eot
View File

Binary file not shown.

22646
fonts/ClearSans-Bold.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Bold.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Bold.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-BoldItalic.eot
View File

Binary file not shown.

23072
fonts/ClearSans-BoldItalic.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-BoldItalic.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-BoldItalic.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-Italic.eot
View File

Binary file not shown.

22411
fonts/ClearSans-Italic.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Italic.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Italic.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-Light.eot
View File

Binary file not shown.

22411
fonts/ClearSans-Light.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Light.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Light.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-Medium.eot
View File

Binary file not shown.

28626
fonts/ClearSans-Medium.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Medium.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Medium.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-MediumItalic.eot
View File

Binary file not shown.

27990
fonts/ClearSans-MediumItalic.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-MediumItalic.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-MediumItalic.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-Regular.eot
View File

Binary file not shown.

28060
fonts/ClearSans-Regular.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Regular.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Regular.woff
View File

Binary file not shown.

BIN
fonts/ClearSans-Thin.eot
View File

Binary file not shown.

22180
fonts/ClearSans-Thin.svg
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/ClearSans-Thin.ttf
View File

Binary file not shown.

BIN
fonts/ClearSans-Thin.woff
View File

Binary file not shown.

BIN
fonts/OpenSans-Bold-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-BoldItalic-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-ExtraBold-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-ExtraBoldItalic-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-Italic-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-Light-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-LightItalic-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-Regular-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-Semibold-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/OpenSans-SemiboldItalic-webfont.woff Normal file
View File

Binary file not shown.

121
scss/_font-face.scss Normal file
View File

@ -0,0 +1,121 @@
/* ------------------ FONT LOADING ------------------- */
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-Light-webfont.eot');
src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-LightItalic-webfont.eot');
src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-LightItalic-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Regular-webfont.svg#open_sansbold') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-Italic-webfont.eot');
src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Italic-webfont.svg#open_sansbold') format('svg');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-Semibold-webfont.eot');
src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot');
src: url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-SemiboldItalic-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-Bold-webfont.eot');
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');
src: url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff2') format('woff2'),
url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold') format('svg');
font-weight: 800;
font-style: italic;
}

49
scss/clear-typography.scss
View File

@ -1,49 +1,4 @@
/* ------------------ FONT LOADING ------------------- */
@font-face {
font-family: 'ClearSans';
src: url('../fonts/ClearSans-Light.eot');
src: url('../fonts/ClearSans-Light.woff') format('woff'),
url('../fonts/ClearSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'ClearSans';
src: url('../fonts/ClearSans-Regular.eot');
src: url('../fonts/ClearSans-Regular.woff') format('woff'),
url('../fonts/ClearSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'ClearSans';
src: url('../fonts/ClearSans-Italic.eot');
src: url('../fonts/ClearSans-Italic.woff') format('woff'),
url('../fonts/ClearSans-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'ClearSans';
src: url('../fonts/ClearSans-Medium.eot');
src: url('../fonts/ClearSans-Medium.woff') format('woff'),
url('../fonts/ClearSans-Medium.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'ClearSans';
src: url('../fonts/ClearSans-MediumItalic.eot');
src: url('../fonts/ClearSans-MediumItalic.woff') format('woff'),
url('../fonts/ClearSans-MediumItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@import 'font-face';
/* ------------------ GLOBAL STYLE ------------------- */
@ -54,7 +9,7 @@
}
body {
font-family: ClearSans, sans-serif;
font-family: OpenSans, sans-serif;
text-align: left;
font-size: 4mm;
line-height: 1.5em;