Skip to main content

Patterns

Fonts

ACCESS NYC uses Google Noto Fonts to support the Patterns in multiple languages. It includes sans-serif and serif variations for over 800 languages and is designed to appear equal in weight and size across languages. This makes the multilingual templates easier to develop and non-English content easier to read.

Font smoothing can be controlled through the .font-smooth and .font-smooth-auto utilities. This will modify the aliasing for Webkit- and Mozilla-based browsers only. This utility works the best with light-colored text on dark backgrounds.

Font Smooth

Font Smooth Auto

<div class="text-color-white bg-color-blue-dark font-smooth p-4">
  <h1>Font Smooth</h1>
</div>
<div class="color-dark-background font-smooth-auto p-4">
  <h1>Font Smooth Auto</h1>
</div>