Skip to main content
Sandra Dolcezza
Known Participant
Oct 7, 2020 1:29 AM UTC
Answered

Browsers are changing my font styles..

Hello,

 

How do we prevent browsers from changing our css font styles..

 

Thank you so much for your support..

This topic is closed to new replies. Start a new post to keep the conversation going.
Jon Fritz
Jon FritzCorrect answer
Community Expert
Oct 7, 2020 1:57 AM UTC

If you're just putting font names found on your machine into the CSS of a page, they'll work locally, but fail when uploaded and viewed by devices that don't have those fonts installed.

 

You need to use fonts that are installed in most devices, called "web safe fonts" (very limited) or use CSS fonts that use a link to hosted font files either on your server or a third party server like Google.com/fonts (many, many more options)

 

https://www.w3schools.com/cssref/css_websafe_fonts.asp 
https://www.w3schools.com/css/css_font_google.asp


2 replies

Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
Oct 7, 2020 1:57 AM UTC

If you're just putting font names found on your machine into the CSS of a page, they'll work locally, but fail when uploaded and viewed by devices that don't have those fonts installed.

 

You need to use fonts that are installed in most devices, called "web safe fonts" (very limited) or use CSS fonts that use a link to hosted font files either on your server or a third party server like Google.com/fonts (many, many more options)

 

https://www.w3schools.com/cssref/css_websafe_fonts.asp 
https://www.w3schools.com/css/css_font_google.asp


Translate
Sandra Dolcezza
Known Participant
Oct 7, 2020 2:10 AM UTC

Thank you for your time and helpful support.

Translate