Google Fonts supplies hosted web fonts and generated CSS for giving a page a distinctive typographic voice without handling font hosting or licensing yourself. A practical pairing uses Roboto for body text and Sansita for headings. section 12.2 section 12.3
A typical setup follows this sequence:
- Search the directory for a typeface such as Sansita or Roboto. section 12.3
- Select the required weights and styles instead of automatically including every available variant. section 12.3
- Copy the generated embed code into the page, then reference the families by name in CSS. section 12.3
Apply distinct fonts by role
Set `font-family: Roboto, sans-serif` on the body for readable general content, then use `font-family: Sansita, serif` on headings and selected interface elements. Changing only the typeface can shift a page from formal to informal or playful, so font pairing becomes a design decision rather than a purely technical substitution. section 12.2
