Adding Mono wdth table and overview image

Author: kylewaynebenson

README.md

@@ -22,18 +22,6 @@ If you want to access the whole design space, use `MonaSansVF[wdth,wght,opsz,ita
     url('MonaSansVF[wdth,wght,opsz,ital].woff2') format('woff2-variations');
   font-weight: 200 900;
   font-stretch: 75% 125%;
-  font-style: normal;
-  font-optical-sizing: auto;
-}
-
-@font-face {
-  font-family: 'Mona Sans VF';
-  src:
-    url('MonaSansVF[wdth,wght,opsz,ital].woff2') format('woff2 supports variations'),
-    url('MonaSansVF[wdth,wght,opsz,ital].woff2') format('woff2-variations');
-  font-weight: 200 900;
-  font-stretch: 75% 125%;
-  font-style: italic;
   font-optical-sizing: auto;
 }
 
@@ -42,8 +30,6 @@ html {
 }
 ```
 
-Chromium-based browsers require two separate `@font-face` declarations (one with `font-style: normal`, one with `font-style: italic`) for the italic axis to work correctly.
-
 Mona Sans includes an optical size axis (`opsz`) that automatically adjusts the font's design for optimal readability at different sizes. The optical size range spans from 1 to 100, where smaller values (1-20) are optimized for body text with improved readability, while larger values (21-100) are designed for display use with refined details and tighter spacing. When `font-optical-sizing: auto` is set, browsers will automatically select the appropriate optical size based on the font size, or you can manually control it using `font-variation-settings: "opsz" [value]`. That looks like this:
 
 ```css
@@ -62,9 +48,6 @@ To reduce [CLS](https://web.dev/cls/), you can preload the font in the `head` of
 <link rel="preload" href="MonaSansVF[wdth,wght,opsz,ital].woff2" as="font" type="font/woff2" crossorigin>
 ```
 
-Or you can use one of the other variable font files, which cover small portions of the design space. For example, if you're only using the regular width weights and the italic styles, you can use the `MonaSansVF[wght,opsz,ital]` file instead.
-
-
 ## Stylistic sets
 
 Mona Sans has ten stylistic sets:
@@ -130,9 +113,9 @@ With the newly added monospace, display, and display italic styles, Mona Sans' d
 | - | 72 | Display |
 
 
-### Mona Sans Monospace Styles
+### Mona Sans Mono Styles
 
-![mona-mono](https://github.com/user-attachments/assets/dd55d2ac-8ba4-4126-89e3-6b125b090fc7)
+![mona-sans-mono](https://github.com/user-attachments/assets/c627ca73-a4c5-483a-b95d-cbe0b07f5a23)
 
 | Family or Axes | Mapping | Styles |
 | --- | --- | --- |
@@ -144,6 +127,11 @@ With the newly added monospace, display, and display italic styles, Mona Sans' d
 | - | 700 | Bold |
 | - | 800 | ExtraBold |
 | - | 900 | Black |
+| Width (wdth) | 75 | Condensed |
+| - | 87.5 | SemiCondensed |
+| - | 100 | - |
+| - | 112.5 | SemiExpanded |
+| - | 125 | Expanded |
 
 ## License
 Mona Sans is licensed under the [SIL Open Font License v1.1](https://scripts.sil.org/OFL).