Web safe fonts are fonts that are commonly available on most computers and devices. Using web safe fonts ensures that your text displays consistently for all users, regardless of the operating system or browser they are using. Here is a list of some commonly used web safe fonts:
- Arial
- Helvetica
- Times New Roman
- Times
- Courier New
- Courier
- Verdana
- Georgia
- Palatino
- Garamond
When specifying fonts in CSS, it’s a good idea to provide a fallback font family in case the preferred font is not available on the user’s system. For example:
body {
font-family: Arial, Helvetica, sans-serif;
}In this example, Arial is the preferred font family, but if it is not available, the browser will try to use Helvetica. If that font is also not available, it will fall back to a generic sans-serif font.
It’s important to note that there are many other fonts available on the web, but using web safe fonts helps ensure that your text displays consistently for all users. If you want to use a non-web safe font, you can use a font service like Google Fonts or Typekit to include the font in your web page.