Typography
Learn how to customize Front typography.
With SASS:
-
Use the
$g-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.$g-font-family-base: "Poppins", 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=Poppins:300,400,500,600">
With CSS:
-
Simply replace the font family
font-family
from<body>
infront.css
tag with yours.body { font-family: "Poppins", 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=Poppins:300,400,500,600">