Skip to main content

Typography

Learn how to customize Space typography.

How to include a typeface?

Add or change Space typography with the following instructions.

With SASS:

  1. Use the $font-family-base attribute as our typographic base applied to the <body> in _variables.scss file to change the current font family variable with yours. 
    $font-family-base: "Roboto", Helvetica, Arial, sans-serif !default;
    Copy
  2. Add your font stylesheet into the <head> before all other stylesheets. Like: 
    <!-- CSS Global Compulsory -->
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500">
    Copy

With CSS:

  1. Simply replace the font family font-family from <body> in space.css tag with yours. 
    body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
    Copy
  2. Add your font stylesheet into the <head> before all other stylesheets. Like: 
    <!-- CSS Global Compulsory -->
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500">
    Copy