Añadir fuente de iA Writer

rubenrubiob · Aug 21, 2020 · 9c06cc2 · 9c06cc2
1 parent 913fa64
commit 9c06cc2
Show file tree

Hide file tree

Showing 14 changed files with 53 additions and 9 deletions.
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -18,6 +18,7 @@ $white: #fff;
 $helvetica: Helvetica, Arial, sans-serif;
 $helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif;
 $georgia: Georgia, serif;
+$iaWriter: 'iA Writer Duospace', monospace;
 
 // Mobile breakpoints
 @mixin mobile {

diff --git a/assets/style.scss b/assets/style.scss
@@ -9,6 +9,42 @@
 @import "variables";
 // Syntax highlighting @import is at the bottom of this file
 
+@font-face {
+  font-family: "iA Writer Duospace";
+  font-weight: normal;
+  font-style: normal;
+  src: url("/fonts/iAWriterDuospace-Regular.eot") format("embedded-opentype"),
+  url("/fonts/iAWriterDuospace-Regular.woff2") format("woff2"),
+  url("/fonts/iAWriterDuospace-Regular.woff") format("woff");
+}
+
+@font-face {
+  font-family: "iA Writer Duospace";
+  font-weight: normal;
+  font-style: italic;
+  src: url("/fonts/iAWriterDuospace-Italic.eot") format("embedded-opentype"),
+  url("/fonts/iAWriterDuospace-Italic.woff2") format("woff2"),
+  url("/fonts/iAWriterDuospace-Italic.woff") format("woff");
+}
+
+@font-face {
+  font-family: "iA Writer Duospace";
+  font-weight: bold;
+  font-style: normal;
+  src: url("/fonts/iAWriterDuospace-Bold.eot") format("embedded-opentype"),
+  url("/fonts/iAWriterDuospace-Bold.woff2") format("woff2"),
+  url("/fonts/iAWriterDuospace-Bold.woff") format("woff");
+}
+
+@font-face {
+  font-family: "iA Writer Duospace";
+  font-weight: bold;
+  font-style: italic;
+  src: url("/fonts/iAWriterDuospace-BoldItalic.eot") format("embedded-opentype"),
+  url("/fonts/iAWriterDuospace-BoldItalic.woff2") format("woff2"),
+  url("/fonts/iAWriterDuospace-BoldItalic.woff") format("woff");
+}
+
 /**************/
 /* BASE RULES */
 /**************/
@@ -22,7 +58,8 @@ html {
 
 body {
   background: #fff;
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  //font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: $iaWriter;
   color: #404040;
   line-height: 1.7;
   font-weight: 400;
@@ -38,7 +75,8 @@ body {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  //font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: $iaWriter;
   color: $darkerGray;
   font-weight: bold;
 
@@ -308,7 +346,7 @@ p > img {
   margin: 0;
   color: $darkGray;
   cursor: pointer;
-  font-family: $helveticaNeue;
+  font-family: $iaWriter;
   font-weight: 300;
   font-size: 28px;
   letter-spacing: 1px;
@@ -332,7 +370,7 @@ p > img {
 nav {
   float: right;
   margin-top: 23px; // @TODO: Vertically middle align
-  font-family: $helveticaNeue;
+  font-family: $iaWriter;
   font-size: 18px;
 
   @include mobile {
@@ -446,7 +484,8 @@ body:after {
 }
 
 .post h1{
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  //font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: $iaWriter;
   text-align: center;
   font-weight: bold;
   font-kerning: auto;
@@ -455,7 +494,8 @@ body:after {
 }
 
 .page h1{
-  font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  //font-family: -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: $iaWriter;
   text-align: center;
   font-weight: bold;
   font-kerning: auto;
@@ -477,15 +517,17 @@ body:after {
 .cd-container a {
   color: #30434e;
   text-decoration: none;
-  font-family: "Open Sans", sans-serif;
+  //font-family: "Open Sans", sans-serif;
+  font-family: $iaWriter;
 }
 
 .cd-container img {
   max-width: 100%;
 }
 
 .cd-container h1, .cd-container h2 {
-  font-family: "Open Sans", sans-serif;
+  //font-family: "Open Sans", sans-serif;
+  font-family: $iaWriter;
   font-weight: bold;
 }
 
@@ -627,7 +669,8 @@ Modules - reusable parts of our design
 }
 
 #carbonads {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  //font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: $iaWriter;;
   display: inline-block;
   overflow: hidden;
   max-width: 270px;

diff --git a/fonts/iAWriterDuospace-Bold.eot b/fonts/iAWriterDuospace-Bold.eot
diff --git a/fonts/iAWriterDuospace-Bold.woff b/fonts/iAWriterDuospace-Bold.woff
diff --git a/fonts/iAWriterDuospace-Bold.woff2 b/fonts/iAWriterDuospace-Bold.woff2
diff --git a/fonts/iAWriterDuospace-BoldItalic.eot b/fonts/iAWriterDuospace-BoldItalic.eot
diff --git a/fonts/iAWriterDuospace-BoldItalic.woff b/fonts/iAWriterDuospace-BoldItalic.woff
diff --git a/fonts/iAWriterDuospace-BoldItalic.woff2 b/fonts/iAWriterDuospace-BoldItalic.woff2
diff --git a/fonts/iAWriterDuospace-Italic.eot b/fonts/iAWriterDuospace-Italic.eot
diff --git a/fonts/iAWriterDuospace-Italic.woff b/fonts/iAWriterDuospace-Italic.woff
diff --git a/fonts/iAWriterDuospace-Italic.woff2 b/fonts/iAWriterDuospace-Italic.woff2
diff --git a/fonts/iAWriterDuospace-Regular.eot b/fonts/iAWriterDuospace-Regular.eot
diff --git a/fonts/iAWriterDuospace-Regular.woff b/fonts/iAWriterDuospace-Regular.woff
diff --git a/fonts/iAWriterDuospace-Regular.woff2 b/fonts/iAWriterDuospace-Regular.woff2