SAMPLE-IMAGES: Use SVG instead of PNG

README.md

@@ -1,7 +1,6 @@
-# Iosevka ![Version](https://img.shields.io/github/release/be5invis/Iosevka.svg)
-**Iosevka** is an *open-source*, *sans-serif* + *slab-serif*, *monospace* + *quasi‑proportional* typeface family, designed for *writing code*, using in *terminals*, and preparing *technical documents*.
+<h1><center><img src="images/grand-title.light.svg#gh-light-mode-only" title="Iosevka Grand Title"><img src="images/grand-title.dark.svg#gh-dark-mode-only" title="Iosevka Grand Title"><br/><a href="https://github.com/be5invis/Iosevka/releases"><img src="images/button-release.light.svg#gh-light-mode-only" title="Release"><img src="images/button-release.dark.svg#gh-dark-mode-only" title="Release"></a><a href="https://be5invis.github.io/Iosevka/customizer"><img src="images/button-customize.light.svg#gh-light-mode-only" title="Customizer"><img src="images/button-customize.dark.svg#gh-dark-mode-only" title="Customizer"></a><a href="https://be5invis.github.io/Iosevka/specimen"><img src="images/button-specimen.light.svg#gh-light-mode-only" title="Specimen"><img src="images/button-specimen.dark.svg#gh-dark-mode-only" title="Specimen"></a></center></h1>
 
-![](images/preview-all.light.png#gh-light-mode-only)![](images/preview-all.dark.png#gh-dark-mode-only)
+**Iosevka** is an *open-source*, *sans-serif* + *slab-serif*, *monospace* + *quasi‑proportional* typeface family, designed for *writing code*, using in *terminals*, and preparing *technical documents*.
 
 ## Installation
 
@@ -37,11 +36,11 @@
 
 In the official package, Iosevka provides 6 monospace subfamilies (sans-serif and slab-serif, each in the 3 spacings Default, Term and Fixed) and 2 quasi-proportional subfamilies (Aile (sans-serif) and Etoile (slab-serif)). In all the monospace subfamilies, 9 weights (Thin to Heavy), 2 widths (Normal and Extended), and 3 slopes (Upright, Italic and Oblique) are included. In the quasi-proportional subfamilies, the quantity of widths is reduced to 1.
 
-![Weights sample](images/weights.light.png#gh-light-mode-only)![Weights sample](images/weights.dark.png#gh-dark-mode-only)
+![Weights sample](images/weights.light.svg#gh-light-mode-only)![Weights sample](images/weights.dark.svg#gh-dark-mode-only)
 
 All versions include the same ranges of characters: Latin letters, Greek letters (including Polytonic), some Cyrillic letters, IPA symbols and common punctuations and some symbols. You can check out the full list [here](http://be5invis.github.io/Iosevka/specimen).
 
-![Languages Sample](images/languages.light.png#gh-light-mode-only)![Languages Sample](images/languages.dark.png#gh-dark-mode-only)
+![Languages Sample](images/languages.light.svg#gh-light-mode-only)![Languages Sample](images/languages.dark.svg#gh-dark-mode-only)
 
 <!-- BEGIN Section-Language-List -->
 <!-- THIS SECTION IS AUTOMATICALLY GENERATED. DO NOT EDIT. -->
@@ -80,14 +79,14 @@ Monospace subfamilies support ligations. Iosevka’s default ligation set is ass
 <td>Ligation Off</td>
 </tr>
 <tr>
-<td colspan="2"><img src="images/ligset-calt-0.light.png#gh-light-mode-only"/><img src="images/ligset-calt-0.dark.png#gh-dark-mode-only"/></td>
+<td colspan="2"><img src="images/ligset-calt-0.light.svg#gh-light-mode-only"/><img src="images/ligset-calt-0.dark.svg#gh-dark-mode-only"/></td>
 </tr>
 <tr>
 <td><code>calt</code></td>
 <td>Default setting in text editors</td>
 </tr>
 <tr>
-<td colspan="2"><img src="images/ligset-calt-1.light.png#gh-light-mode-only"/><img src="images/ligset-calt-1.dark.png#gh-dark-mode-only"/></td>
+<td colspan="2"><img src="images/ligset-calt-1.light.svg#gh-light-mode-only"/><img src="images/ligset-calt-1.dark.svg#gh-dark-mode-only"/></td>
 </tr>
 </table>
 
@@ -113,4 +112,4 @@ Please note that, due to the complex interactions when forming ligations, cherry
 - NJU (CN): https://mirrors.nju.edu.cn/github-release/be5invis/Iosevka
 ---
 
-![Family Matrix](images/matrix.light.png#gh-light-mode-only)![Family Matrix](images/matrix.dark.png#gh-dark-mode-only)
+![Family Matrix](images/matrix.light.svg#gh-light-mode-only)![Family Matrix](images/matrix.dark.svg#gh-dark-mode-only)