Skip to content
FontsNotoIconsKnowledgeFAQ

Font families

Font Family
AxesDefaultMinMaxStep
Atkinson Hyperlegible Next ital 0 0 1 1
wght 400 200 800 1
Inter ital 0 0 1 1
opsz 14 14 32 0.1
wght 400 100 900 1
Montserrat ital 0 0 1 1
wght 400 100 900 1
Noto Sans JP wght 400 100 900 1
Open Sans ital 0 0 1 1
wdth 100 75 100 0.1
wght 400 300 800 1
Roboto ital 0 0 1 1
wdth 100 75 100 0.1
wght 400 100 900 1

Axis definitions

ital
Italic
Default: 0Min: 0Max: 1Step: 1
Adjust the style from roman to italic. This can be provided as a continuous range within a single font file, like most axes, or as a toggle between two roman and italic files that form a family as a pair.
opsz
Optical Size
Default: 14Min: 5Max: 1200Step: 0.1
Adapt the style to specific text sizes. At smaller sizes, letters typically become optimized for more legibility. At larger sizes, optimized for headlines, with more extreme weights and widths. In CSS this axis is activated automatically when it is available.
slnt
Slant
Default: 0Min: -90Max: 90Step: 1
Adjust the style from upright to slanted. Negative values produce right-leaning forms, also known to typographers as an 'oblique' style. Positive values produce left-leaning forms, also called a 'backslanted' or 'reverse oblique' style.
wght
Weight
Default: 400Min: 1Max: 1000Step: 1
Adjust the style from lighter to bolder in typographic color, by varying stroke weights, spacing and kerning, and other aspects of the type. This typically changes overall width, and so may be used in conjunction with Width and Grade axes.
wdth
Width
Default: 100Min: 25Max: 200Step: 0.1
Adjust the style from narrower to wider, by varying the proportions of counters, strokes, spacing and kerning, and other aspects of the type. This typically changes the typographic color in a subtle way, and so may be used in conjunction with Weight and Grade axes.
ARRR
AR Retinal Resolution
Default: 10Min: 10Max: 60Step: 1
Resolution-specific enhancements in AR/VR typefaces to optimize rendering across the different resolutions of the headsets making designs accessible and easy to read.
YTAS
Ascender Height
Default: 750Min: 0Max: 1000Step: 1
A parametric axis for varying the height of lowercase ascenders.
BLED
Bleed
Default: 0Min: 0Max: 100Step: 1
Bleed adjusts the overall darkness in the typographic color of strokes or other forms, without any changes in overall width, line breaks, or page layout. Negative values make the font appearance lighter, while positive values make it darker, similarly to ink bleed or dot gain on paper.
BNCE
Bounce
Default: 0Min: -100Max: 100Step: 1
Shift glyphs up and down in the Y dimension, resulting in an uneven, bouncy baseline.
CASL
Casual
Default: 0Min: 0Max: 1Step: 0.01
Adjust stroke curvature, contrast, and terminals from a sturdy, rational Linear style to a friendly, energetic Casual style.
XTRA
Counter Width
Default: 400Min: -1000Max: 2000Step: 1
A parametric axis for varying counter widths in the X dimension.
CRSV
Cursive
Default: 0.5Min: 0Max: 1Step: 0.1
Control the substitution of cursive forms along the Slant axis. 'Off' (0) maintains Roman letterforms such as a double-storey a and g, 'Auto' (0.5) allows for Cursive substitution, and 'On' (1) asserts cursive forms even in upright text with a Slant of 0.
YTDE
Descender Depth
Default: -250Min: -1000Max: 0Step: 1
A parametric axis for varying the depth of lowercase descenders.
EHLT
Edge Highlight
Default: 12Min: 0Max: 1000Step: 1
Controls thickness of edge highlight details.
ELGR
Element Grid
Default: 1Min: 1Max: 2Step: 0.1
In modular fonts, where glyphs are composed using multiple copies of the same element, this axis controls how many elements are used per one grid unit.
ELSH
Element Shape
Default: 0Min: 0Max: 100Step: 0.1
In modular fonts, where glyphs are composed using multiple copies of the same element, this axis controls the shape of the element
EDPT
Extrusion Depth
Default: 100Min: 0Max: 1000Step: 1
Controls the 3D depth on contours.
YTFI
Figure Height
Default: 600Min: -1000Max: 2000Step: 1
A parametric axis for varying the height of figures.
FILL
Fill
Default: 0Min: 0Max: 1Step: 0.01
Fill in transparent forms with opaque ones. Sometimes interior opaque forms become transparent, to maintain contrasting shapes. This can be useful in animation or interaction to convey a state transition. Ranges from 0 (no treatment) to 1 (completely filled).
FLAR
Flare
Default: 0Min: 0Max: 100Step: 1
As the flare axis grows, the stem terminals go from straight (0%) to develop a swelling (100%).
GRAD
Grade
Default: 0Min: -1000Max: 1000Step: 1
Finesse the style from lighter to bolder in typographic color, without any changes overall width, line breaks or page layout. Negative grade makes the style lighter, while positive grade makes it bolder. The units are the same as in the Weight axis.
XELA
Horizontal Element Alignment
Default: 0Min: -100Max: 100Step: 1
Align glyph elements from their default position (0%), usually the baseline, to a rightmost (100%) or leftmost (-100%) position.
HEXP
Hyper Expansion
Default: 0Min: 0Max: 100Step: 0.1
Expansion of inner and outer space of glyphs.
INFM
Informality
Default: 0Min: 0Max: 100Step: 1
Adjusts overall design from formal and traditional (0%) to informal and unconventional (up to 100%).
YTLC
Lowercase Height
Default: 500Min: 0Max: 1000Step: 1
A parametric axis for varying the height of the lowercase.
MONO
Monospace
Default: 0Min: 0Max: 1Step: 0.01
Adjust the style from Proportional (natural widths, default) to Monospace (fixed width). With proportional spacing, each glyph takes up a unique amount of space on a line, while monospace is when all glyphs have the same total character width.
MORF
Morph
Default: 0Min: 0Max: 60Step: 1
Letterforms morph: Changing in unconventional ways, that don't alter other attributes, like width or weight. The range from 0 to 60 can be understood as seconds.
XROT
Rotation in X
Default: 0Min: -180Max: 180Step: 1
Glyphs rotate left and right, negative values to the left and positive values to the right, in the X dimension.
YROT
Rotation in Y
Default: 0Min: -180Max: 180Step: 1
Glyphs rotate up and down, negative values tilt down and positive values tilt up, in the Y dimension.
ZROT
Rotation in Z
Default: 0Min: -180Max: 180Step: 1
Glyphs rotate left and right, negative values to the left and positive values to the right, in the Z dimension.
ROND
Roundness
Default: 0Min: 0Max: 100Step: 1
Adjust shapes from angular defaults (0%) to become increasingly rounded (up to 100%).
SCAN
Scanlines
Default: 0Min: -100Max: 100Step: 1
Break up shapes into horizontal segments without any changes in overall width, letter spacing, or kerning, so there are no line breaks or page layout changes. Negative values make the scanlines thinner, and positive values make them thicker.
SHLN
Shadow Length
Default: 50Min: 0Max: 100Step: 0.1
Adjusts the font's shadow length from no shadow visible (0 %) to a maximum shadow applied (100%) relative to each family design.
SHRP
Sharpness
Default: 0Min: 0Max: 100Step: 1
Adjust shapes from angular or blunt default shapes (0%) to become increasingly sharped forms (up to 100%).
SOFT
Softness
Default: 0Min: 0Max: 100Step: 0.1
Adjust letterforms to become more and more soft and rounded.
SPAC
Spacing
Default: 0Min: -100Max: 100Step: 0.1
Adjusts the overall letter spacing of a font. The range is a relative percentage change from the family’s default spacing, so the default value is 0.
XOPQ
Thick Stroke
Default: 88Min: -1000Max: 2000Step: 1
A parametric axis for varying thick stroke weights, such as stems.
YOPQ
Thin Stroke
Default: 116Min: -1000Max: 2000Step: 1
A parametric axis for varying thin stroke weights, such as bars and hairlines.
YTUC
Uppercase Height
Default: 725Min: 0Max: 1000Step: 1
A parametric axis for varying the heights of uppercase letterforms.
YELA
Vertical Element Alignment
Default: 0Min: -100Max: 100Step: 1
Align glyphs from their default position (0%), usually the baseline, to an upper (100%) or lower (-100%) position.
YEXT
Vertical Extension
Default: 0Min: 0Max: 100Step: 1
The axis extends glyphs in the Y dimension, such as the Cap Height, Ascender and Descender lengths. This is a relative axis, starting at 0% and going to the typeface's individual maximum extent at 100%.
VOLM
Volume
Default: 0Min: 0Max: 100Step: 1
Expands and exaggerates details of a typeface to emphasize the personality. Understood in a percentage amount, it goes from a neutral state (0%) to a maximum level (100%).
WONK
Wonky
Default: 0Min: 0Max: 1Step: 1
Toggle the substitution of wonky forms. 'Off' (0) maintains more conventional letterforms, while 'On' (1) maintains wonky letterforms, such as leaning stems in roman, or flagged ascenders in italic. These forms are also controlled by Optical Size.
YEAR
Year
Default: 2000Min: -4000Max: 4000Step: 1
Axis that shows in a metaphoric way the effect of time on a chosen topic.
Variable fonts - Google Fonts