custom font family css code example
Example 1: css font family
p{
font-family:garamond,serif;
}
Example 2: font-family css
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. */
Example 3: how to link fonts css
@import url(//fonts.googleapis.com/css?family=Open+Sans);
/*When not hosting on my own server use the @import rule which is Google Fonts Versionn and hosted on their server*/
Example 4: css font family
/* 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
}
Example 5: css font family
.serif_font {
font-family:"Times New Roman", serif;
}
.sans_serif_font {
font-family:"Open Sans", sans;
}