font family in css code example

Example 1: font family system

/* System Fonts as used by GitHub */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

Example 2: css comic sans

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

Example 3: font family css

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

Add More Fonts Here : - https://fonts.google.com/

Example 4: css font

@font-face {
  font-family: "Name of the font"; /*eg Ubuntu*/
  src: url("your/path/to/the.font");
}

p{
  font-family: "Ubuntu";
}

Example 5: css font family

p{
    font-family:garamond,serif;
}

Example 6: 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. */

Tags:

Css Example