How do I change the font?

Hi, I am new to web development and I am unsure on how to change the font.
Great project btw!

Thanks,
Jonathan

That would be here:

Lines 91 to 98 in 5b89e50

    
           export const typography = { 
        
             fonts: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif`, 
        
             // font sizes and line heights in em units 
        
             minFontSize: 0.9, 
        
             maxFontSize: 1.1, 
        
             minLineHeight: 1.5, 
        
             maxLineHeight: 1.8, 
        
           }

Hi, thanks for the quick reply!
I see that there are a few fonts shown in the file. I am unsure which ones correspond with which sections of the blog. For example, how can I specifically change the font used in the header/nav.
Once again, thanks a lot for this project and your help.

It's just a fallback list. Currently, the whole site uses the same font. Whichever font is available on the user's device that appears first in that list ends up being used.

I always recommend the MDN docs for these things.

Thanks a lot !
I understand it now 😀

	export const typography = {
	fonts: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif`,
	// font sizes and line heights in em units
	minFontSize: 0.9,
	maxFontSize: 1.1,
	minLineHeight: 1.5,
	maxLineHeight: 1.8,
	}