Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What are cross-browser, cross platfom web safe fonts?

How to make cross browser, cross platform and all devices compatible css font stack?

like image 957
Jitendra Vyas Avatar asked Jan 25 '10 07:01

Jitendra Vyas


People also ask

Are all Google fonts are web safe fonts?

Google Fonts aren't inherently supported by your operating system, so by definition, they aren't web safe fonts. Rather, since Google, a third-party, hosts them, a Google Font is called a web font. Confusing, we know, but the difference is that your browser needs to load a file before it can show Google fonts.

What is the difference between web Safe and web fonts?

Web Safe fonts should not be confused with Web fonts. Web fonts are not installed on every operating system and device. That said, oftentimes, you'll find Web fonts are embedded into web browsers and downloaded into a user's browser through rendering and applied to text.

Do you need to use web safe fonts?

Not All Users Will Have Certain Fonts That's definitely not a good thing. While this isn't likely to happen in 2022, it's still a possibility, especially with users that are using old hardware or are on slow connections. As such, you should always use some web safe fonts, even if just as a backup.


1 Answers

You cannot guarantee the fonts that will be used on a mobile device the same way you can guarantee which fonts are available on a normal computer.

A safe bet is to use a generic font family that can be interpreted by the mobile browser to show you the relevant font, e.g.

font-family: serif; /* (e.g., Times) */ font-family: sans-serif; /* (e.g., Helvetica) */ font-family: monospace; /* (e.g., Courier) */ 
like image 54
James Goodwin Avatar answered Oct 05 '22 11:10

James Goodwin