Typography
Learn how to customize Space typography.
With SASS:
-
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;
-
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:
-
Simply replace the font family
font-family
from<body>
inspace.css
tag with yours.body { font-family: "Roboto", Helvetica, Arial, sans-serif; }
-
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">