Home Explore Help
Sign In
SMusatov
/
google-fonts
mirror of https://github.com/google/fonts.git
1
0
Fork 0
Files
Tree: 9b90023efd
Branches Tags
google-fonts
/
cc-by-sa
/
knowledge
/
glossary
/
terms
/
morf_axis
/
content.md

content.md 949 B
History Raw

“Morph” (MORF in CSS) is an axis found in some variable fonts that can be used to unconventionally change the shape, size, and position of elements that make up a letterform.

The Google Fonts CSS v2 API defines the axis as:

Default: Min: Max: Step:
0 0 60 1
![An image showing two type specimens, each with an axis slider underneath. The specimen on the left shows the effects of the axis’ lowest value. The specimen on the right shows the effects of the axis’ highest value.](images/thumbnail.svg)

In the Kablammo font, moving along the axis from its minimum to maximum value animates the elements that are changing. Some glyphs use this to suggest actual movement as the axis is altered.