Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/elxp_axis/content.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
“Element Expansion” (`ELXP` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some modular [variable fonts](/glossary/variable_fonts) where [letterforms](/glossary/letterform) are composed using multiple copies of the same element. In these fonts, the Element Expansion axis controls how far apart those elements sit from one another.

The [Google Fonts CSS v2 API](https://developers.google.com/fonts/docs/css2) defines the axis as:

| Default: | Min: | Max: | Step: |
| --- | --- | --- | --- |
| 0 | 0 | 100 | 1 |

<figure>

![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)

<figcaption>Typeface: <a href="https://fonts.google.com/specimen/Bitcount">Bitcount</a></figcaption>

</figure>

As the Element Expansion axis moves from its default towards its maximum, the elements that make up each [glyph](/glossary/glyph) move apart from one another, opening up gaps within the letterforms without changing how many elements are used to construct them.

As with the [Element Grid](/glossary/elgr_axis) and [Element Shape](/glossary/elsh_axis) axes, Element Expansion alters the structure of the letterforms in a way that may change the minimum font size at which the typeface is legible. These axes can be combined to produce a wide range of visual effects.

The axis tag starts with `EL`, which is an abbreviation of ‘Element’. This prefix is used for the group of axes (ELSH, ELGR, ELXP) that are related to modular typefaces — those with glyphs composed of elements.

This axis was first introduced in the [Bitcount](https://fonts.google.com/specimen/Bitcount) typeface.
40 changes: 40 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/elxp_axis/images/thumbnail.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/elxp_axis/term.textproto
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
name: "Element Expansion axis (ELXP)"
excerpt: "An axis found in some modular variable fonts where letterforms are composed using multiple copies of the same element."
related_lessons: "introducing_variable_fonts"
related_lessons: "designing_with_variable_fonts_in_desktop_apps"
related_lessons: "styling_type_on_the_web_with_variable_fonts"
21 changes: 21 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/enla_axis/content.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
“Enlarge” (`ENLA` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some [variable fonts](/glossary/variable_fonts) that scales certain [lowercase](/glossary/uppercase_lowercase) letters up to a size between ordinary lowercase and full [capitals](/glossary/cap_height). It’s modeled on “enlarged minuscules”: lowercase-shaped letters set larger than the surrounding text, which medieval scribes used to mark the start of a sentence.

The [Google Fonts CSS v2 API](https://developers.google.com/fonts/docs/css2) defines the axis as:

| Default: | Min: | Max: | Step: |
| --- | --- | --- | --- |
| 0 | 0 | 100 | 0.01 |

<figure>

![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)

<figcaption>Typeface: Junicode</figcaption>

</figure>

At 0 (Normal), the affected letters render at their ordinary lowercase size. At 100 (Enlarged), they grow to a height between the [x-height](/glossary/x_height) and the [cap height](/glossary/cap_height). Rather than simply scaling up a lowercase [glyph](/glossary/glyph)—which would make its [strokes](/glossary/stroke) look too heavy next to the surrounding text—moving along the Enlarge axis reshapes each letter’s proportions so its stroke weight stays consistent with the rest of the [typeface](/glossary/typeface).

The axis is intended for sentence-initial letters, echoing a convention found in medieval manuscripts, but it can be applied to any [character](/glossary/character) for a similar effect.

This axis was first introduced in the Junicode typeface, a font designed for medievalists, linguists, and other scholars.
50 changes: 50 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/enla_axis/images/thumbnail.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/enla_axis/term.textproto
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
name: "Enlarge axis (ENLA)"
excerpt: "An axis found in some variable fonts that can be used to scale certain lowercase letters up to a size between ordinary lowercase and full capitals, based on the enlarged minuscules of medieval manuscripts."
related_lessons: "introducing_variable_fonts"
related_lessons: "designing_with_variable_fonts_in_desktop_apps"
related_lessons: "styling_type_on_the_web_with_variable_fonts"
19 changes: 19 additions & 0 deletions cc-by-sa/knowledge/glossary/terms/gdop_axis/content.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
“Guides Opacity” (`GDOP` in CSS) is an [axis](/glossary/axis_in_variable_fonts) found in some [variable fonts](/glossary/variable_fonts) that adjusts the visibility of guide marks built into the [glyphs](/glossary/glyph) themselves. These guides—reference [strokes](/glossary/stroke) such as ruled lines and dotted paths—are often included in [handwriting](/glossary/handwriting)-style typefaces to show how a letter is meant to be formed.

The [Google Fonts CSS v2 API](https://developers.google.com/fonts/docs/css2) defines the axis as:

| Default: | Min: | Max: | Step: |
| --- | --- | --- | --- |
| 100 | 0 | 100 | 1 |

<figure>

![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)

<figcaption>Typeface: <a href="https://fonts.google.com/specimen/Briem+Hand">Briem Hand</a></figcaption>

</figure>

At its default value of 100, the guides are fully visible, which is useful for teaching or demonstrating how a [script](/glossary/script_typeface_style) or handwriting typeface is meant to be written. Moving the axis down to 0 fades the guides out completely, leaving only the ordinary letterforms behind—suited to regular reading and setting text.

Unlike most axes in the registry, Guides Opacity defaults to its maximum rather than its minimum value, so that the guides are shown unless a user deliberately hides them.
Loading
Loading