Skip to content

Commit c655fc4

Browse files
Simplify browser compatibility notes
Co-authored-by: kylewaynebenson <1043051+kylewaynebenson@users.noreply.github.com>
1 parent 2bd8f6a commit c655fc4

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ html {
4242
}
4343
```
4444

45-
> **Note:** For the italic axis to work correctly in Chromium-based browsers (Chrome, Edge, Opera), you need two separate `@font-face` declarations as shown above—one with `font-style: normal` and one with `font-style: italic`. Firefox and Safari will work with either approach.
45+
> **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.
4646
4747
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:
4848

@@ -64,7 +64,7 @@ To reduce [CLS](https://web.dev/cls/), you can preload the font in the `head` of
6464

6565
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.
6666

67-
> **Note:** When using any variable font file that includes the italic axis (`ital`), remember to use two separate `@font-face` declarations (one with `font-style: normal` and one with `font-style: italic`) for compatibility with Chromium-based browsers.
67+
> **Note:** Variable font files with the italic axis (`ital`) require two separate `@font-face` declarations for Chromium compatibility.
6868
6969
## Stylistic sets
7070

0 commit comments

Comments
 (0)