-
Notifications
You must be signed in to change notification settings - Fork 110
Display Italic Masters #104
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Changes from all commits
c3c939c
71d959a
867a85f
d65741c
de18b7a
0d40a44
d6e819b
be44a9f
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change | ||||||
|---|---|---|---|---|---|---|---|---|
|
|
@@ -42,7 +42,7 @@ html { | |||||||
| } | ||||||||
| ``` | ||||||||
|
|
||||||||
| > **Note:** 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. | ||||||||
| 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: | ||||||||
|
|
||||||||
|
|
@@ -64,7 +64,6 @@ To reduce [CLS](https://web.dev/cls/), you can preload the font in the `head` of | |||||||
|
|
||||||||
| 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. | ||||||||
|
|
||||||||
| > **Note:** Variable font files with the italic axis (`ital`) require two separate `@font-face` declarations for Chromium compatibility. | ||||||||
|
|
||||||||
| ## Stylistic sets | ||||||||
|
|
||||||||
|
|
@@ -108,7 +107,7 @@ Mona Sans comes with seven ligatures: | |||||||
|
|
||||||||
| ## Mona Sans Styles | ||||||||
|
|
||||||||
| With the newly added monospace and display styles, Mona Sans’ design space now spans 128 instances. Below is a map for the whole space. Style entries with a hyphen are elidable, meaning they are the default and have no name. | ||||||||
| With the newly added monospace, display, and display italic styles, Mona Sans' design space now spans 168 instances. Below is a map for the whole space. Style entries with a hyphen are elidable, meaning they are the default and have no name. | ||||||||
|
||||||||
| With the newly added monospace, display, and display italic styles, Mona Sans' design space now spans 168 instances. Below is a map for the whole space. Style entries with a hyphen are elidable, meaning they are the default and have no name. | |
| With the newly added Monospace, Display, and Display Italic styles, Mona Sans' design space now spans 168 instances. Below is a map for the whole space. Style entries with a hyphen are elidable, meaning they are the default and have no name. |
Copilot
AI
Feb 11, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The text claims the map below represents the whole space including the newly added “display italic” styles, but the visible mapping table section only names “Display” under opsz and doesn’t document any “Display Italic” style entry. Either extend the table/map to include how Display Italic is represented, or reword the sentence to clarify that the table is only describing specific axes (e.g., opsz) and that Display Italic isn’t a separate named entry here.
| | - | 72 | Display | | |
| | - | 72 | Display | | |
| | Display Italic style | opsz 72 + ital 1 | Display Italic | |
Copilot
AI
Feb 11, 2026
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There’s an extra blank line added before the “### Mona Sans Monospace Styles” heading. If it’s not intentionally separating sections (e.g., to satisfy a markdown linter), consider removing it to keep formatting changes minimal.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The text claims the map below represents the whole space including the newly added “display italic” styles, but the visible mapping table section only names “Display” under opsz and doesn’t document any “Display Italic” style entry. Either extend the table/map to include how Display Italic is represented, or reword the sentence to clarify that the table is only describing specific axes (e.g., opsz) and that Display Italic isn’t a separate named entry here.