CSS Web Safe Fonts
What are Web Safe Fonts?
Web safe fonts are fonts that are universally installed across all browsers and devices.
Example
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Tahoma, Verdana, sans-serif;
}
</style>
</head>
<body>
<h1>CSS Fallback Fonts</h1>
<p>ACADEMY OF INFORMATION TECHNOLOGY</p>
<p>ACADEMY OF INFORMATION TECHNOLOGY</p>
</body>
</html>
Result:
Best Web Safe Fonts for HTML and CSS
The following list are the best web safe fonts for HTML and CSS:
Arial (sans-serif)
Arial is the most widely used font for both online and printed media. Arial is also the default font in Google Docs.
Arial is one of the safest web fonts, and it is available on all major operating systems.
Example
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<h1>ACADEMY OF INFORMATION TECHNOLOGY</h1>
<p>ACADEMY OF INFORMATION TECHNOLOGY</p>
<p>0 1 2 3 4 5 6 7 8 9</p>
</body>
</html>
Result:
Then, add a blur effect (5px) to the shadow:
Example
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 2px 2px 5px red;
}
</style>
</head>
<body>
<h1>ACADEMY OF INFORMATION TECHNOLOGY</h1>
</body>
</html>
Result:
