google/fonts
1
0
Fork 0
mirror of https://github.com/google/fonts.git synced 2024-12-19 06:41:31 +03:00
Code Issues Projects Releases Wiki Activity
d7ac31e1ba
fonts/cc-by-sa/knowledge/glossary/terms/softness_axis/content.md
nathan-williams d7ac31e1ba Move Knowledge sources under cc-by-sa license.
2022-03-28 12:02:37 -07:00

1.4 KiB
Raw Blame History

“Softness” (SOFT in CSS) is an axis found in some variable fonts. At the end of this axis, letterforms become more soft and rounded.

The Google Fonts CSS v2 API defines the axis as:

Default: Min: Max: Step:
0 0 100 0.1

In the Fraunces typeface, the softness axis can turn the sharpness and high-contrast serifs into bubble-like forms, and at its softest, the typeface starts to resemble the style of typefaces such as Souvenir or Bookman.

Two side-by-side type specimens of the word “cream”, each shown with a variable axis represented beneath as a horizontal slider. The first specimen, with the slider most of the way to the left to represent a lower value on the axis, show sharper, high-contrast forms. The second specimen, with the slider most of the way to the right to represent a higher value on the axis, is softer, with rounded edges.

In line with the current CSS spec, all custom axes should be referenced in UPPERCASE (only the officially registered variable axes should appear in lowercase). Also, when using the Google Fonts API, the uppercase axes have to appear first in the URL.