Merge pull request #177 from GrabarzUndPartner/release

Release

Author: Thorn Walli

example/assets/fonts/roboto-mono/RobotoMono-Bold.ttf

@@ -112,13 +112,31 @@ module.exports = {
             fontFaces: [
               {
                 preload: true,
-                src: '/fonts/roboto-slab-v11-latin/roboto-slab-v11-latin-regular',
+                src: '/fonts/roboto-slab-v20-latin/roboto-slab-v20-latin-regular',
                 fontWeight: 400,
                 fontStyle: 'normal'
               },
               {
                 preload: true,
-                src: '/fonts/roboto-slab-v11-latin/roboto-slab-v11-latin-700',
+                src: '/fonts/roboto-slab-v20-latin/roboto-slab-v20-latin-700',
+                fontWeight: 700,
+                fontStyle: 'normal'
+              }
+            ]
+          },
+          {
+            fileExtensions: ['ttf'],
+            fontFamily: 'Roboto Mono',
+            fontFaces: [
+              {
+                preload: true,
+                src: '/fonts/roboto-mono/RobotoMono-Regular.ttf',
+                fontWeight: 400,
+                fontStyle: 'normal'
+              },
+              {
+                preload: true,
+                src: '/fonts/roboto-mono/RobotoMono-Bold.ttf',
                 fontWeight: 700,
                 fontStyle: 'normal'
               }

example/assets/fonts/roboto-mono/RobotoMono-BoldItalic.ttf

@@ -27,6 +27,20 @@
         Cum natus eveniet condimentum aliquid, repudiandae ultrices est, cumque fringilla? Repellendus deleniti non quidem a, recusandae harum in, nemo! Aut rhoncus alias risus sem? Facere fugiat, magni animi reiciendis interdum mauris purus, laboriosam fringilla. Corporis dolores dis provident aperiam ipsam. Vivamus tellus, temporibus a luctus, nesciunt, rutrum similique nostrum. Temporibus quisquam, rerum maecenas, diam, risus, volutpat, viverra proin accusamus maecenas, nibh justo animi, mauris proin? A congue debitis architecto? Varius aptent minus pellentesque rutrum, quas rutrum dis, scelerisque massa nunc anim sociis dignissimos libero, viverra, suspendisse vehicula, vulputate? Distinctio et. Condimentum atque fugit necessitatibus odit molestie sodales voluptatibus doloremque. Suscipit.
       </p>
     </section>
+
+    <section>
+      <h2>Mono Normal</h2>
+      <p class="mono-normal">
+        Cum natus eveniet condimentum aliquid, repudiandae ultrices est, cumque fringilla? Repellendus deleniti non quidem a, recusandae harum in, nemo! Aut rhoncus alias risus sem? Facere fugiat, magni animi reiciendis interdum mauris purus, laboriosam fringilla. Corporis dolores dis provident aperiam ipsam. Vivamus tellus, temporibus a luctus, nesciunt, rutrum similique nostrum. Temporibus quisquam, rerum maecenas, diam, risus, volutpat, viverra proin accusamus maecenas, nibh justo animi, mauris proin? A congue debitis architecto? Varius aptent minus pellentesque rutrum, quas rutrum dis, scelerisque massa nunc anim sociis dignissimos libero, viverra, suspendisse vehicula, vulputate? Distinctio et. Condimentum atque fugit necessitatibus odit molestie sodales voluptatibus doloremque. Suscipit.
+      </p>
+    </section>
+
+    <section>
+      <h2>Mono Bold</h2>
+      <p class="mono-bold">
+        Cum natus eveniet condimentum aliquid, repudiandae ultrices est, cumque fringilla? Repellendus deleniti non quidem a, recusandae harum in, nemo! Aut rhoncus alias risus sem? Facere fugiat, magni animi reiciendis interdum mauris purus, laboriosam fringilla. Corporis dolores dis provident aperiam ipsam. Vivamus tellus, temporibus a luctus, nesciunt, rutrum similique nostrum. Temporibus quisquam, rerum maecenas, diam, risus, volutpat, viverra proin accusamus maecenas, nibh justo animi, mauris proin? A congue debitis architecto? Varius aptent minus pellentesque rutrum, quas rutrum dis, scelerisque massa nunc anim sociis dignissimos libero, viverra, suspendisse vehicula, vulputate? Distinctio et. Condimentum atque fugit necessitatibus odit molestie sodales voluptatibus doloremque. Suscipit.
+      </p>
+    </section>
     <atom-github-corner />
   </article>
 </template>
@@ -150,6 +164,24 @@ body {
         font-family: 'Roboto', sans-serif;
       }
     }
+
+    &.mono-normal {
+      font-family: monospace;
+      font-weight: 400;
+
+      @nest .font_roboto_mono_400_normal & {
+        font-family: 'Roboto Mono', monospace;
+      }
+    }
+
+    &.mono-bold {
+      font-family: monospace;
+      font-weight: 700;
+
+      @nest .font_roboto_mono_700_normal & {
+        font-family: 'Roboto Mono', monospace;
+      }
+    }
   }
 }
 </style>

example/assets/fonts/roboto-mono/RobotoMono-ExtraLight.ttf

@@ -81,7 +81,15 @@ function getFileExtensions (font) {
   }
 }
 function getFormat (path) {
-  return extname(path).replace(/^\./, '')
+  const ext = extname(path).replace(/^\./, '')
+
+  switch (ext) {
+    case 'ttf':
+      return 'truetype'
+
+    default:
+      return ext
+  }
 }
 
 function getProperties (face, transform = paramCase) {