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;
}

Tags:

Css Example