CSS Web-Safe Fonts
Web safe fonts are the fonts which are supported by all the web browsers, and installed in all the devices world wide.
As we have studies font-family property already we were waiting more than one font as the value, but only one font was visible the reason is given down below -
However, there are no 100% completely web-safe fonts. There is always a chance that the font is not found or is not installed.
Hence, that is why it is very important to always use fallback fonts.
What are fallback fonts – these are alternative fonts which are specified– in font family property used when one font is not working for some reason.
Hence, we must list the "backup fonts" in the font-family property. If the first font does not work, the browser will try the next one, and the next one, and so on.
font-family: Georgia, 'Times New Roman', serif;
Following is given the list of web-safe fonts -
- Trebuchet MS
- Times New Roman
- Georgia Garamond
- Courier New
- Brush Script MT
Example - showing how the actual text would look like -
Now we will see Examples of some fonts -
Example 1 - Using Arial
Example 2 - Using Verdana -
Example 3 - Using Garamond
Example - Using Courier New
Example - Using Brush Script MT