Add npm info

README.md

@@ -10,10 +10,10 @@
 
 #### More information and download: [rubjo.github.io/victor-mono](https://rubjo.github.io/victor-mono). I would be grateful if you point others to the same URL.
 
-#### For use in apps, web pages or other projects  (will work soon):
-1. `npm i victor-mono`
-2. `import 'victor-mono'` (when using ES6 via Babel)
-3. Style elements with `font-family: 'Victor Mono'`
+#### For use in apps, web pages or other projects:
+1. `npm i victormono`
+2. `import 'victormono'` (in a typical modern setup, eg. webpack)
+3. Style classes with `font-family: 'Victor Mono'`
 
 #### If you like it and want to say thanks, [donations](https://www.paypal.me/runbjo) are welcome. ❤️
 

dist/README.md

@@ -1,23 +0,0 @@
-[<img src="https://github.com/rubjo/victor-mono/raw/master/public/header.gif" width="100%" alt="Header">](https://rubjo.github.io/victor-mono)
-
-![GitHub release](https://img.shields.io/github/release/rubjo/victor-mono.svg)
-![GitHub Release Date](https://img.shields.io/github/release-date/rubjo/victor-mono.svg)
-![Travis (.org)](https://img.shields.io/travis/rubjo/victor-mono.svg?logo=travis)
-![GitHub](https://img.shields.io/github/license/rubjo/victor-mono.svg)
-![GitHub stars](https://img.shields.io/github/stars/rubjo/victor-mono.svg?style=social)
-
-## A programming font with semi-connected cursive italics and symbol ligatures.
-
-#### More information and download: [rubjo.github.io/victor-mono](https://rubjo.github.io/victor-mono). I would be grateful if you point others to the same URL.
-
-#### For use in apps, web pages or other projects:
-1. `npm i victor-mono`
-2. `import 'victor-mono'` (when using ES6 via Babel)
-3. Style elements with `font-family: 'Victor Mono'`
-
-#### If you like it and want to say thanks, [donations](https://www.paypal.me/runbjo) are welcome. ❤️
-
-[<img src="https://github.com/rubjo/victor-mono/raw/master/public/code-sample.png" align="right" width="100%" alt="Code sample">](https://rubjo.github.io/victor-mono)
-[<img src="https://github.com/rubjo/victor-mono/raw/master/public/powerline-cropped.png" align="right" alt="Powerline">](https://rubjo.github.io/victor-mono)
-[<img src="https://github.com/rubjo/victor-mono/raw/master/public/specimens-cropped.png" align="right" alt="Specimens">](https://rubjo.github.io/victor-mono)
-[<img src="https://github.com/rubjo/victor-mono/raw/master/src/assets/img/glyphs-dark.png" align="right" alt="Design">](https://rubjo.github.io/victor-mono)

dist/victor-mono.css

@@ -1,31 +0,0 @@
-@font-face {
-  font-family: 'Victor Mono';
-  src: url('VictorMono-Regular.woff2') format('woff2'),
-       url("VictorMono-Regular.woff") format("woff");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Victor Mono';
-  src: url('VictorMono-Italic.woff2') format('woff2'),
-       url("VictorMono-Italic.woff") format("woff");
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Victor Mono';
-  src: url('VictorMono-Bold.woff2') format('woff2'),
-       url("VictorMono-Bold.woff") format("woff");
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Victor Mono';
-  src: url('VictorMono-BoldItalic.woff2') format('woff2'),
-       url("VictorMono-BoldItalic.woff") format("woff");
-  font-weight: 700;
-  font-style: italic;
-}

src/App.vue

@@ -238,7 +238,6 @@
         <el-col
           :xs="22"
           :sm="16"
-          :lg="12"
         >
           <p class="small centre">
             <em>With
@@ -248,10 +247,20 @@
               >
                 homebrew-cask-fonts</a>,
               just run
-              <br>
-              <code>brew tap homebrew/cask-fonts && brew cask install font-victor-mono</code>
-              🚀
             </em>
+            <br>
+            <code>brew tap homebrew/cask-fonts && brew cask install font-victor-mono</code>
+            🚀
+          </p>
+          <p class="small centre">
+            <em>For use in apps, web pages or other projects:</em>
+            <br>
+            <code>npm i victor-mono</code>
+            -->
+            <code>import 'victor-mono'</code>
+            -->
+            Style elements with <code>font-family: 'Victor Mono'</code>
+            🎆
           </p>
         </el-col>
       </el-row>

src/styles/globals.scss

@@ -70,7 +70,7 @@ p {
     }
   }
   &.small {
-    font-size: calc(0.8rem + 0.3vw);
+    font-size: calc(0.8rem + 0.2vw);
     line-height: calc(1.75rem + 0.2vw);
   }
   &.extra-small {