1
0
mirror of https://github.com/google/fonts.git synced 2025-01-05 17:05:26 +03:00

knowledge/glossary/terms/grade_axis Add example (#4840)

* knowledge/glossary/terms/grade_axis Add example

* Slight tweaks to the new copy for house style

Co-authored-by: Elliot Jay Stocks <elliot@elliotjaystocks.com>
This commit is contained in:
Dave Crossland 2022-07-20 07:34:52 -04:00 committed by GitHub
parent de68c326d2
commit 25be0b3420
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7,7 +7,9 @@ The [Google Fonts CSS v2 API ](https://developers.google.com/fonts/docs/css2) de
| --- | --- | --- | --- |
| 0 | -1000 | 1000 | 1 |
Negative grade makes the style lighter, while positive grade makes it heavier. The units are the same as in the weight (`wght`) axis.
Negative grade makes the style lighter, while positive grade makes it heavier.
The units are the same as in the [weight (`wght`) axis](/glossary/weight_axis) and its important to use the two axes together, systematically. For example, where accessibility guidelines recommend using a Medium (500) weight for a button label to obtain a certain contrast level, using a Regular (400) weight with grade +100 (if the grade axis goes up to 100) will produce the same level of contrast—but without any reflow.
<figure>