search

the-mmm-agency / muskoka-district-rentals

https://muskoka-district-rentals.netlify.com
MIT License
0 stars 0 forks source link

Switch header font to didot #4

Closed Brettm12345 closed 5 years ago

Brettm12345 commented 5 years ago

Switch header font from Playfair Display to Didot

Brettm12345 commented 5 years ago

I made it so styled-components injects the headerFontFamily and the bodyFontFamily into font-face declarations so it will be easier to change the font over. You can see my pull request here

Brettm12345 commented 5 years ago

Be sure to use font-display: swap in the @font-face (documentation) declarations.

Brettm12345 commented 5 years ago

Write the @font-face declorations in layout.js in the createGlobalStyle template