Adds svg preview images to download page for all fonts (WIP)

_posts/2017-01-03-downloads.md

@@ -12,125 +12,125 @@ page: font-downloads
 ### Download already patched fonts from the latest release (v2.0.0):
 
 <div class="half column" markdown="1">
-- [3270](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/3270.zip)
+- [![3270](/assets/img/previews/3270 Nerd Font.svg "Download 3270")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/3270.zip)
   - **Notable:** derived from the x3270 font, a modern format of a font with high nostalgic value
   - [**Preview **](https://app.programmingfonts.org/#font3270){:target="_blank"}
-- [AnonymousPro](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AnonymousPro.zip)
+- [![AnonymousPro](/assets/img/previews/Anonymice Nerd Font.svg "Download Anonymice")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AnonymousPro.zip)
   - **Notable:** inspired by Anonymous 9 on Macintosh, since 2009, distinct `O`, `0`, `I`, `l`, `1`
-- [Arimo](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Arimo.zip)
+- [![Arimo](/assets/img/previews/Arimo Nerd Font.svg "Download Arimo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Arimo.zip)
   - **Notable:** Metrically similar to Arial, pan-European WGL character set, sans serif
-- [AurulentSansMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AurulentSansMono.zip)
+- [![AurulentSansMono](/assets/img/previews/AurulentSansMono Nerd Font.svg "Download AurulentSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/AurulentSansMono.zip)
   - **Notable:** Sans serif, designed by Stephen G. Hartke which also created Verily Serif
   - [**Preview **](https://app.programmingfonts.org/#aurulent){:target="_blank"}
-- [BigBlueTerminal](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BigBlueTerminal.zip)
+- [![BigBlueTerminal](/assets/img/previews/BigBlueTerminal Nerd Font.svg "Download BigBlueTerminal")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BigBlueTerminal.zip)
   - **Notable:** nostalgic, closely based on IBM's 8x14 EGA/VGA charset
-- [BitstreamVeraSansMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BitstreamVeraSansMono.zip)
+- [![BitstreamVeraSansMono](/assets/img/previews/BitstreamVeraSansMono Nerd Font.svg "Download BitsteamVeraSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/BitstreamVeraSansMono.zip)
   - **Notable:** dotted zero, compact lowercase characters
-  - [**Preview **](https://app.programmingfonts.org/#bitstream-vera){:target="_blank"}
-- [CodeNewRoman](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/CodeNewRoman.zip)
+  - [**Full Preview **](https://app.programmingfonts.org/#bitstream-vera){:target="_blank"}
+- [![CodeNewRoman](/assets/img/previews/CodeNewRoman Nerd Font.svg "Download CodeNewRoman")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/CodeNewRoman.zip)
   - **Notable:** tunable, slashed zeros, compact smaller characters
   - [**Preview **](https://app.programmingfonts.org/#code-new-roman){:target="_blank"}
-- [Cousine](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Cousine.zip)
+- [![Cousine](/assets/img/previews/Cousine Nerd Font.svg "Download Cousine")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Cousine.zip)
   - **Notable:** similar to Courier New with better readablitiy, dotted zeros
   - [**Preview **](https://app.programmingfonts.org/#cousine){:target="_blank"}
-- [DejaVuSansMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DejaVuSansMono.zip)
+- [![DejaVuSansMono](/assets/img/previews/DejaVuSansMono Nerd Font.svg "Download DejaVuSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DejaVuSansMono.zip)
   - **Notable:** dotted zero, based on the Bitstream Vera Fonts with a wider range of characters
   - [**Preview **](https://app.programmingfonts.org/#dejavu){:target="_blank"}
-- [DroidSansMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DroidSansMono.zip)
+- [![DroidSansMono](/assets/img/previews/DroidSansMono Nerd Font.svg "Download DroidSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/DroidSansMono.zip)
   - **Notable:** good for small screens or font sizes
   - [**Preview **](https://app.programmingfonts.org/#droid-sans){:target="_blank"}
-- [FantasqueSansMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FantasqueSansMono.zip)
+- [![FantasqueSansMono](/assets/img/previews/FantasqueSansMono Nerd Font.svg "Download FantasqueSansMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FantasqueSansMono.zip)
   - **Notable:** "wibbly-wobbly handwriting-like fuzziness", takes some inspiration from Inconsolata and Monaco
   - [**Preview **](https://app.programmingfonts.org/#fantasque-sans){:target="_blank"}
-- [FiraCode](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraCode.zip)
+- [![FiraCode](/assets/img/previews/FiraCode Nerd Font.svg "Download FiraCode")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraCode.zip)
   - **Notable:** programming ligatures, extension of Fira Mono font, enlarged operators
   - [**Preview **](https://app.programmingfonts.org/#firacode){:target="_blank"}
-- [FiraMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraMono.zip)
+- [![FiraMono](/assets/img/previews/FiraMono Nerd Font.svg "Download FiraMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/FiraMono.zip)
   - **Notable:** Mozilla typeface, dotted zero
   - [**Preview **](https://app.programmingfonts.org/#fira){:target="_blank"}
-- [Go-Mono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Go-Mono.zip)
+- [![Go-Mono](/assets/img/previews/Go-Mono Nerd Font.svg "Download Go-Mono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Go-Mono.zip)
   - **Notable:** created specifically for the Go project, looks particularly clear for use with the Go language
   - [**Preview **](https://app.programmingfonts.org/#go-mono){:target="_blank"}
-- [Gohu](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Gohu.zip)
+- [![Gohu](/assets/img/previews/Gohu Nerd Font.svg "Download Gohu")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Gohu.zip)
   - **Notable:** bitmap font, tall capitals and ascenders, small serifs
-- [Hack](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hack.zip)
+- [![Hack](/assets/img/previews/Hack Nerd Font.svg "Download Hack")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hack.zip)
   - **Notable:** dotted zero, short descenders, expands upon work done for Bitstream Vera &amp; DejaVu, legible at common sizes
   - [**Preview **](https://app.programmingfonts.org/#hack){:target="_blank"}
-- [Hasklig](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hasklig.zip)
+- [![Hasklig](/assets/img/previews/Hasklug Nerd Font.svg "Download Hasklug")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hasklig.zip)
   - **Notable:** monospaced ligatures, makes composite glyphs (e.g. ->) more reabable, especially in Haskell
   - [**Preview **](https://app.programmingfonts.org/#hasklig){:target="_blank"}
-- [HeavyData](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/HeavyData.zip)
+- [![HeavyData](/assets/img/previews/HeavyData Nerd Font.svg "Download HeavyData")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/HeavyData.zip)
   - **Notable:** Novel and unique design, dotted zero
-- [Hermit](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hermit.zip)
+- [![Hermit](/assets/img/previews/Hurmit Nerd Font.svg "Download Hurmit")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Hermit.zip)
   - **Notable:** symbols stand out from common text
   - [**Preview **](https://app.programmingfonts.org/#hermit){:target="_blank"}
-- [Inconsolata](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Inconsolata.zip)
+- [![Inconsolata](/assets/img/previews/Inconsolata Nerd Font.svg "Download Inconsolata")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Inconsolata.zip)
   - **Notable:** slashed zero, takes inspiration from many different fonts and glyphs, subtle curves in lowercase
   - [**Preview **](https://app.programmingfonts.org/#inconsolata){:target="_blank"}
-- [InconsolataGo](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataGo.zip)
+- [![InconsolataGo](/assets/img/previews/InconsolataGo Nerd Font.svg "Download InconsolataGo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataGo.zip)
   - **Notable:** Inconsolata with straight quotes
-- [InconsolataLGC](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataLGC.zip)
+- [![InconsolataLGC](/assets/img/previews/InconsolataLGC Nerd Font.svg "Download InconsolataLGC")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/InconsolataLGC.zip)
   - **Notable:** Inconsolata with added the Cyrillic alphabet
-- [Iosevka](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Iosevka.zip)
-  - **Notable:** narrow and horizontally tight characters, slasheze zero
+- [![Iosevka](/assets/img/previews/Iosevka Nerd Font.svg "Download Iosevka")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Iosevka.zip)
+  - **Notable:** narrow and horizontally tight characters, slashed zero
   - [**Preview **](https://app.programmingfonts.org/#iosevka){:target="_blank"}
 </div>
 <div class="half column" markdown="1">
-- [Lekton](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Lekton.zip)
+- [![Lekton](/assets/img/previews/Lekton Nerd Font.svg "Download Lekton")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Lekton.zip)
   - **Notable:** very light and thin characters, sharp m's, `0` and `O` very similar
   - [**Preview **](https://app.programmingfonts.org/#lekton){:target="_blank"}
-- [LiberationMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/LiberationMono.zip)
+- [![LiberationMono](/assets/img/previews/LiterationMono Nerd Font.svg "Download LiterationMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/LiberationMono.zip)
   - **Notable:** `0` and `O` very similar, very short tight descenders
   - [**Preview **](https://app.programmingfonts.org/#liberation){:target="_blank"}
-- [Meslo](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Meslo.zip)
+- [![Meslo](/assets/img/previews/Meslo Nerd Font.svg "Download Meslo")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Meslo.zip)
   - **Notable:** slashed zeros, customized version of Apple's Menlo
   - [**Preview **](https://app.programmingfonts.org/#meslo){:target="_blank"}
-- [Monofur](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monofur.zip)
+- [![Monofur](/assets/img/previews/Monofur Nerd Font.svg "Download Monofur")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monofur.zip)
   - **Notable:** dotted zeros, slightly exaggerated curvy characters, compact characters
   - [**Preview **](https://app.programmingfonts.org/#monofur){:target="_blank"}
-- [Monoid](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monoid.zip)
+- [![Monoid](/assets/img/previews/Monoid Nerd Font.svg "Download Monoid")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Monoid.zip)
   - **Notable:** ligatures, distinguishable glyphs with short ascenders &amp; descenders, large operators &amp; punctuation
   - [**Preview **](https://app.programmingfonts.org/#monoid){:target="_blank"}
-- [Mononoki](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Mononoki.zip)
+- [![Mononoki](/assets/img/previews/Mononoki Nerd Font.svg "Download Mononoki")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Mononoki.zip)
   - **Notable:** keeps in mind differentiation of characters and resolution sizes
   - [**Preview **](https://app.programmingfonts.org/#mononoki){:target="_blank"}
-- [MPlus](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/MPlus.zip)
+- [![MPlus](/assets/img/previews/MPlus Nerd Font.svg "Download MPlus")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/MPlus.zip)
   - **Notable:** Multiple styles and weights, many glyph sets (e.g. Kana glyphs)
-- [Noto](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Noto.zip)
+- [![Noto](/assets/img/previews/Noto Nerd Font.svg "Download Noto")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Noto.zip)
   - **Notable:** `0` and `O` very similar, characters are either very curvy or straight lined
   - [**Preview **](https://app.programmingfonts.org/#noto){:target="_blank"}
-- [ProFont](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProFont.zip)
+- [![ProFont](/assets/img/previews/ProFont Nerd Font.svg "Download ProFont")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProFont.zip)
   - **Notable:** looks best with anti-aliasing turned off, squared off character corners, vertically tight small `s`
   - [**Preview **](https://app.programmingfonts.org/#profont){:target="_blank"}
-- [ProggyClean](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProggyClean.zip)
+- [![ProggyClean](/assets/img/previews/ProggyClean Nerd Font.svg "Download ProggyClean")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ProggyClean.zip)
   - **Notable:** Designed particularly for use at small point sizes
   - [**Preview **](https://app.programmingfonts.org/#proggy-clean){:target="_blank"}
-- [OpenDyslexic](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/OpenDyslexic.zip)
+- [![OpenDyslexic](/assets/img/previews/OpenDyslexic Nerd Font.svg "Download OpenDyslexic")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/OpenDyslexic.zip)
   - **Notable:** designed specifically to alleviate reading errors caused by dyslexia
   - [**Preview **](https://app.programmingfonts.org/#opendyslexic){:target="_blank"}
-- [Overpass](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Overpass.zip)
+- [![Overpass](/assets/img/previews/Overpass Nerd Font.svg "Download Overpass")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Overpass.zip)
   - **Notable:** dotted zero, sutle tail on lowercase g, slightly compact characters
   - [**Preview **](https://app.programmingfonts.org/#overpass){:target="_blank"}
-- [RobotoMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/RobotoMono.zip)
+- [![RobotoMono](/assets/img/previews/RobotoMono Nerd Font.svg "Download RobotoMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/RobotoMono.zip)
   - **Notable:** dashed zero, curved and straight character lines
   - [**Preview **](https://app.programmingfonts.org/#roboto){:target="_blank"}
-- [ShareTechMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ShareTechMono.zip)
+- [![ShareTechMono](/assets/img/previews/ShureTechMono Nerd Font.svg "Download ShureTechMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/ShareTechMono.zip)
   - **Notable:** slashed zero, distinguishable 1 and l, squarish compact characters, sutle paranthesis
   - [**Preview **](https://app.programmingfonts.org/#share-tech){:target="_blank"}
-- [SourceCodePro](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SourceCodePro.zip)
+- [![SourceCodePro](/assets/img/previews/SauceCodePro Nerd Font.svg "Download SauceCodePro")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SourceCodePro.zip)
   - **Notable:** dotted zeros, distinguishable 1 and l, curved and straight character lines
   - [**Preview **](https://app.programmingfonts.org/#source-code-pro){:target="_blank"}
-- [SpaceMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SpaceMono.zip)
+- [![SpaceMono](/assets/img/previews/SpaceMono Nerd Font.svg "Download SpaceMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/SpaceMono.zip)
   - **Notable:** Squarish character lines, dotted zero, aggressive parethesis
   - [**Preview **](https://app.programmingfonts.org/#space){:target="_blank"}
-- [Terminus](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Terminus.zip)
+- [![Terminus](/assets/img/previews/Terminess Nerd Font.svg "Download Terminess")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Terminus.zip)
   - **Notable:** Squarish characters that are slightly askew
   - [**Preview **](https://app.programmingfonts.org/#terminus){:target="_blank"}
-- [Tinos](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Tinos.zip)
+- [![Tinos](/assets/img/previews/Tinos Nerd Font.svg "Download Tinos")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Tinos.zip)
   - **Notable:** Some similarities to Times New Roman, designed by Steve Matteson, includes pan-European WGL character set
-- [Ubuntu](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Ubuntu.zip)
+- [![Ubuntu](/assets/img/previews/Ubuntu Nerd Font.svg "Download Ubuntu")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/Ubuntu.zip)
   - **Notable:** specially created for Ubuntu
-- [UbuntuMono](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/UbuntuMono.zip)
+- [![UbuntuMono](/assets/img/previews/UbuntuMono Nerd Font.svg "Download UbuntuMono")](https://github.com/ryanoasis/nerd-fonts/releases/download/v2.0.0/UbuntuMono.zip)
   - **Notable:** dotted zeros, used the `n`, `o`, `H` &amp; `O` Latin characters as a base for design 
   - [**Preview **](https://app.programmingfonts.org/#ubuntu){:target="_blank"}
 </div>