Styleguide - The A11Y Project

2.3.1 #Brand.Typefaces.Primary Primary

Toggle example guides Toggle HTML markup

Our primary typeface is Noto Serif, made by Google. The Noto type family is intended to be visually harmonious across multiple languages, with compatible heights and stroke thicknesses.

Example

Jackdaws love my big sphinx of quartz

Quick wafting zephyrs vex bold Jim.

Bright vixens jump; dozy fowl quack. Both fickle dwarves jinx my pig quiz. Pack my box with five dozen liquor jugs. Few quips galvanized the mock jury box.

A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m
n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0

! & @ % $ # ?

Markup
<h2 class="u-font-family-primary">Jackdaws love my big sphinx of quartz</h2>
<h3 class="u-font-family-primary">Quick wafting zephyrs vex bold Jim.</h3>
<p class="u-font-family-primary">Bright vixens jump; dozy fowl quack. Both fickle dwarves jinx my pig quiz. Pack my box with five dozen liquor jugs. Few quips galvanized the mock jury box.</p>
<p class="u-font-family-primary">A B C D E F G H I J K L M<br/>N O P Q R S T U V W X Y Z</p>
<p class="u-font-family-primary">a b c d e f g h i j k l m<br/>n o p q r s t u v w x y z</p>
<p class="u-font-family-primary">1 2 3 4 5 6 7 8 9 0</p>
<p class="u-font-family-primary">! & @ % $ # ?</p>
Source: src/css/brand/_typefaces.scss, line 24