How to change font for headings and body

forestryio / hugo-theme-novela

Novela, the simplest way to start publishing with Hugo and Forestry.

https://hugo-novela-forestry.netlify.app/

MIT License

361 stars 191 forks source link

How to change font for headings and body #77

Closed stephenajulu closed 3 years ago

stephenajulu commented 3 years ago

Hi, how do I change the font of the body and heading? I want to use playfair(title) + libre baskerville(body)

DirtyF commented 3 years ago

See https://github.com/forestryio/hugo-theme-novela/blob/master/assets/scss/vars.scss#L12-L14

Copy this file to your project in /assets/scss/vars.scss to override the theme, change the values in your file.

stephenajulu commented 3 years ago

body{ /FONTS/ --serif: "Playfair Display", Georgia, Serif; --sanserif: "Libre Baskerville", "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif; --monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace;

did as you said but it's still using the previous

DirtyF commented 3 years ago

This theme only use System fonts by default, If you use Google Web fonts, you also need to import those fonts in the head, e.g:

<style>
 @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Playfair+Display&display=swap');
</style>

stephenajulu commented 3 years ago

thank you