xxxxxxxxxx
font-family: Verdana, Arial, Tahoma, Serif, "more than one word font family";
xxxxxxxxxx
font-family: "Times New Roman", Georgia, serif;
/* If the browser does not support the first font (ie: Times New Roman),
it will then try the next font (ie: Georgia). The last font should always
be a "generic-family" font (ie: serif, sans-serif, etc..).
/* If font is more then one word, it must be put into quotes. */
xxxxxxxxxx
font-family: "Comic Sans MS", cursive, sans-serif;
Add More Fonts Here : - https://fonts.google.com/
xxxxxxxxxx
/* You can set the font family by using font-family: followed by the font family name
If you want to use a google font you have to find it on the google font website
then link the script in your HTML and then put the name in font family
browse fonts:
https://fonts.google.com/
*/
.class {
font-family: sans-serif
}
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Font Family List</title>
<style>
body {
font-family: sans-serif;
}
.font-family-list {
margin: 0;
padding: 0;
list-style: none;
}
.font-family-list li {
font-family: inherit;
}
</style>
</head>
<body>
<h1>Available Font Families</h1>
<ul class="font-family-list">
<li>Arial, Helvetica, sans-serif</li>
<li>"Times New Roman", Times, serif</li>
<li>"Courier New", Courier, monospace</li>
<li>Georgia, serif</li>
<li>"Palatino Linotype", "Book Antiqua", Palatino, serif</li>
<li>Verdana, Geneva, sans-serif</li>
</ul>
</body>
</html>
xxxxxxxxxx
example {
font-family: "font of choice", "fallback font no1", sans-serif;
}
xxxxxxxxxx
h1 {
font-family: [font name];
}
/* Remember to close your brackets! {} */