Changing Fonts
You can add/change the site font, from all fonts used from Google Web Font Services, with the one that suits you the best. You can find the font code in the head
a tag of all HTML files:
<!-- font --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,500,600,700,800,900%7CRoboto:300,300i,400,400i,500,700,900">
To include a new font you can simply add another line like this:
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
Or add an |
separator and paste Roboto:400,300,800,700,600
after default website fonts link.
CSS
Now open css/style.css
and change your font family with the current.
To change the fonts, you will need to edit the above links with your custom font, if you plan to use a Google Font or remove it completely. If you plan to use a self-hosted font, here is an example of using Self Hosted Fonts
SCSS
Now open scss/variables.scss
and change your font family with the current.
To change the fonts, you will need to edit the above links with your custom font, if you plan to use a Google Font or remove it completely. If you plan to use a self-hosted font, here is an example of using Self Hosted Fonts
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans:400italic,700italic,400,700); // Font Variables $roboto-slab: 'Roboto Slab', serif; $open-sans: 'Open Sans', sans-serif; // Styles body { font-family: $body-font; font-weight: normal; }