If you'd like your website to have another font, rather than the default you can easily do it in Web builder app > Templates. But first, you need to check which font would you like to use. We recommend checking Google web fonts - they are free of charge and easy to use. For example, you pick the most common Roboto font face:
- Select this style
- Copy the source link:
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
- Add this link in Templates > layout.liquid anywhere inside the <head> tags:
- Copy CSS rule from:
- Add this font family in _variables.scss > Typography, it would be just the name of the font family:
Please sign in to leave a comment.