font family add in css code example

Example 1: css font face

@font-face {
  // Defining what the font will be called
  font-family: thisSpecialFont;
  // Linking to the font file
  src: url(linkToFontFile.woff);
}
body {
  font-family: thisSpecialFont;
}

Example 2: lato font family css

<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

Example 3: 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 4: font family css

font-family: "Comic Sans MS", cursive, sans-serif;

Example 5: CSS Font-Family

example {
  font-family: "font of choice", "fallback font no1", sans-serif;

Tags:

Html Example