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