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;
  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">

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;
                  }
  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">