diff --git a/css/clear-typography.css b/css/clear-typography.css
index 46bca99..f3cf643 100644
--- a/css/clear-typography.css
+++ b/css/clear-typography.css
@@ -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;
diff --git a/fonts/ClearSans-Bold.eot b/fonts/ClearSans-Bold.eot
deleted file mode 100644
index 81584a4..0000000
Binary files a/fonts/ClearSans-Bold.eot and /dev/null differ
diff --git a/fonts/ClearSans-Bold.svg b/fonts/ClearSans-Bold.svg
deleted file mode 100644
index 3ba85e1..0000000
--- a/fonts/ClearSans-Bold.svg
+++ /dev/null
@@ -1,22646 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Bold.ttf b/fonts/ClearSans-Bold.ttf
deleted file mode 100644
index bb2d797..0000000
Binary files a/fonts/ClearSans-Bold.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Bold.woff b/fonts/ClearSans-Bold.woff
deleted file mode 100644
index bda6eb2..0000000
Binary files a/fonts/ClearSans-Bold.woff and /dev/null differ
diff --git a/fonts/ClearSans-BoldItalic.eot b/fonts/ClearSans-BoldItalic.eot
deleted file mode 100644
index 02d2a92..0000000
Binary files a/fonts/ClearSans-BoldItalic.eot and /dev/null differ
diff --git a/fonts/ClearSans-BoldItalic.svg b/fonts/ClearSans-BoldItalic.svg
deleted file mode 100644
index f95e64f..0000000
--- a/fonts/ClearSans-BoldItalic.svg
+++ /dev/null
@@ -1,23072 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-BoldItalic.ttf b/fonts/ClearSans-BoldItalic.ttf
deleted file mode 100644
index 7d25fdd..0000000
Binary files a/fonts/ClearSans-BoldItalic.ttf and /dev/null differ
diff --git a/fonts/ClearSans-BoldItalic.woff b/fonts/ClearSans-BoldItalic.woff
deleted file mode 100644
index 4dee91c..0000000
Binary files a/fonts/ClearSans-BoldItalic.woff and /dev/null differ
diff --git a/fonts/ClearSans-Italic.eot b/fonts/ClearSans-Italic.eot
deleted file mode 100644
index b1e1e66..0000000
Binary files a/fonts/ClearSans-Italic.eot and /dev/null differ
diff --git a/fonts/ClearSans-Italic.svg b/fonts/ClearSans-Italic.svg
deleted file mode 100644
index 84a6304..0000000
--- a/fonts/ClearSans-Italic.svg
+++ /dev/null
@@ -1,22411 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Italic.ttf b/fonts/ClearSans-Italic.ttf
deleted file mode 100644
index 9a3e6a9..0000000
Binary files a/fonts/ClearSans-Italic.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Italic.woff b/fonts/ClearSans-Italic.woff
deleted file mode 100644
index 56573d2..0000000
Binary files a/fonts/ClearSans-Italic.woff and /dev/null differ
diff --git a/fonts/ClearSans-Light.eot b/fonts/ClearSans-Light.eot
deleted file mode 100644
index 73aaa4a..0000000
Binary files a/fonts/ClearSans-Light.eot and /dev/null differ
diff --git a/fonts/ClearSans-Light.svg b/fonts/ClearSans-Light.svg
deleted file mode 100644
index becb236..0000000
--- a/fonts/ClearSans-Light.svg
+++ /dev/null
@@ -1,22411 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Light.ttf b/fonts/ClearSans-Light.ttf
deleted file mode 100644
index a28051b..0000000
Binary files a/fonts/ClearSans-Light.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Light.woff b/fonts/ClearSans-Light.woff
deleted file mode 100644
index bae448b..0000000
Binary files a/fonts/ClearSans-Light.woff and /dev/null differ
diff --git a/fonts/ClearSans-Medium.eot b/fonts/ClearSans-Medium.eot
deleted file mode 100644
index 534fbe3..0000000
Binary files a/fonts/ClearSans-Medium.eot and /dev/null differ
diff --git a/fonts/ClearSans-Medium.svg b/fonts/ClearSans-Medium.svg
deleted file mode 100644
index e97ace2..0000000
--- a/fonts/ClearSans-Medium.svg
+++ /dev/null
@@ -1,28626 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Medium.ttf b/fonts/ClearSans-Medium.ttf
deleted file mode 100644
index bee566e..0000000
Binary files a/fonts/ClearSans-Medium.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Medium.woff b/fonts/ClearSans-Medium.woff
deleted file mode 100644
index 702fb8a..0000000
Binary files a/fonts/ClearSans-Medium.woff and /dev/null differ
diff --git a/fonts/ClearSans-MediumItalic.eot b/fonts/ClearSans-MediumItalic.eot
deleted file mode 100644
index f944cc3..0000000
Binary files a/fonts/ClearSans-MediumItalic.eot and /dev/null differ
diff --git a/fonts/ClearSans-MediumItalic.svg b/fonts/ClearSans-MediumItalic.svg
deleted file mode 100644
index aaf54f4..0000000
--- a/fonts/ClearSans-MediumItalic.svg
+++ /dev/null
@@ -1,27990 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-MediumItalic.ttf b/fonts/ClearSans-MediumItalic.ttf
deleted file mode 100644
index d5bc500..0000000
Binary files a/fonts/ClearSans-MediumItalic.ttf and /dev/null differ
diff --git a/fonts/ClearSans-MediumItalic.woff b/fonts/ClearSans-MediumItalic.woff
deleted file mode 100644
index aecf7df..0000000
Binary files a/fonts/ClearSans-MediumItalic.woff and /dev/null differ
diff --git a/fonts/ClearSans-Regular.eot b/fonts/ClearSans-Regular.eot
deleted file mode 100644
index 04284b6..0000000
Binary files a/fonts/ClearSans-Regular.eot and /dev/null differ
diff --git a/fonts/ClearSans-Regular.svg b/fonts/ClearSans-Regular.svg
deleted file mode 100644
index 64e1458..0000000
--- a/fonts/ClearSans-Regular.svg
+++ /dev/null
@@ -1,28060 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Regular.ttf b/fonts/ClearSans-Regular.ttf
deleted file mode 100644
index dd15aa1..0000000
Binary files a/fonts/ClearSans-Regular.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Regular.woff b/fonts/ClearSans-Regular.woff
deleted file mode 100644
index f4aacf7..0000000
Binary files a/fonts/ClearSans-Regular.woff and /dev/null differ
diff --git a/fonts/ClearSans-Thin.eot b/fonts/ClearSans-Thin.eot
deleted file mode 100644
index ece964c..0000000
Binary files a/fonts/ClearSans-Thin.eot and /dev/null differ
diff --git a/fonts/ClearSans-Thin.svg b/fonts/ClearSans-Thin.svg
deleted file mode 100644
index 32fe983..0000000
--- a/fonts/ClearSans-Thin.svg
+++ /dev/null
@@ -1,22180 +0,0 @@
-
-
-
diff --git a/fonts/ClearSans-Thin.ttf b/fonts/ClearSans-Thin.ttf
deleted file mode 100644
index 00d5b81..0000000
Binary files a/fonts/ClearSans-Thin.ttf and /dev/null differ
diff --git a/fonts/ClearSans-Thin.woff b/fonts/ClearSans-Thin.woff
deleted file mode 100644
index aa501c6..0000000
Binary files a/fonts/ClearSans-Thin.woff and /dev/null differ
diff --git a/fonts/OpenSans-Bold-webfont.woff b/fonts/OpenSans-Bold-webfont.woff
new file mode 100644
index 0000000..138089c
Binary files /dev/null and b/fonts/OpenSans-Bold-webfont.woff differ
diff --git a/fonts/OpenSans-BoldItalic-webfont.woff b/fonts/OpenSans-BoldItalic-webfont.woff
new file mode 100644
index 0000000..06d3a92
Binary files /dev/null and b/fonts/OpenSans-BoldItalic-webfont.woff differ
diff --git a/fonts/OpenSans-ExtraBold-webfont.woff b/fonts/OpenSans-ExtraBold-webfont.woff
new file mode 100644
index 0000000..93c97e5
Binary files /dev/null and b/fonts/OpenSans-ExtraBold-webfont.woff differ
diff --git a/fonts/OpenSans-ExtraBoldItalic-webfont.woff b/fonts/OpenSans-ExtraBoldItalic-webfont.woff
new file mode 100644
index 0000000..daf2840
Binary files /dev/null and b/fonts/OpenSans-ExtraBoldItalic-webfont.woff differ
diff --git a/fonts/OpenSans-Italic-webfont.woff b/fonts/OpenSans-Italic-webfont.woff
new file mode 100644
index 0000000..cbce186
Binary files /dev/null and b/fonts/OpenSans-Italic-webfont.woff differ
diff --git a/fonts/OpenSans-Light-webfont.woff b/fonts/OpenSans-Light-webfont.woff
new file mode 100644
index 0000000..085eb47
Binary files /dev/null and b/fonts/OpenSans-Light-webfont.woff differ
diff --git a/fonts/OpenSans-LightItalic-webfont.woff b/fonts/OpenSans-LightItalic-webfont.woff
new file mode 100644
index 0000000..eb5d72b
Binary files /dev/null and b/fonts/OpenSans-LightItalic-webfont.woff differ
diff --git a/fonts/OpenSans-Regular-webfont.woff b/fonts/OpenSans-Regular-webfont.woff
new file mode 100644
index 0000000..a3f58d4
Binary files /dev/null and b/fonts/OpenSans-Regular-webfont.woff differ
diff --git a/fonts/OpenSans-Semibold-webfont.woff b/fonts/OpenSans-Semibold-webfont.woff
new file mode 100644
index 0000000..66428f6
Binary files /dev/null and b/fonts/OpenSans-Semibold-webfont.woff differ
diff --git a/fonts/OpenSans-SemiboldItalic-webfont.woff b/fonts/OpenSans-SemiboldItalic-webfont.woff
new file mode 100644
index 0000000..d017dd6
Binary files /dev/null and b/fonts/OpenSans-SemiboldItalic-webfont.woff differ
diff --git a/scss/_font-face.scss b/scss/_font-face.scss
new file mode 100644
index 0000000..81b215a
--- /dev/null
+++ b/scss/_font-face.scss
@@ -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;
+}
diff --git a/scss/clear-typography.scss b/scss/clear-typography.scss
index b7359fb..3325f66 100644
--- a/scss/clear-typography.scss
+++ b/scss/clear-typography.scss
@@ -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;