Highlighted

Browsers are changing my font styles..

Explorer ,
Oct 06, 2020

Copy link to clipboard

Copied

Hello,

 

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

 

Thank you so much for your support..

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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


TOPICS
Browser, Code, How to, Performance

Views

30

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Browsers are changing my font styles..

Explorer ,
Oct 06, 2020

Copy link to clipboard

Copied

Hello,

 

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

 

Thank you so much for your support..

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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


TOPICS
Browser, Code, How to, Performance

Views

31

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 06, 2020 0
Adobe Community Professional ,
Oct 06, 2020

Copy link to clipboard

Copied

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


Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2020 1
Chanel B LATEST
Explorer ,
Oct 06, 2020

Copy link to clipboard

Copied

Thank you for your time and helpful support.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2020 0