css font styles code example

Example 1: font-style css

#example {
	font-style: normal; /* no specification, default */
  	font-style: italic; /* font is italic */
    font-style: oblique; /* font is italic, even if italic letters are not specified for font family */
    font-style: inherit; /* inherit property from parent */
	font-style: initial; /* default value */
}

Example 2: font family css

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

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

Example 3: css font

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

p{
  font-family: "Ubuntu";
}

Example 4: css font style

.example {
  font-style: italic;
}

Example 5: font style css

/* There are MANY ways to style your fonts.  */

p {
  font-family: [font];
  color: [color];
  font-size: [size in pixels];
  font-weight: [weight];
  text-align: [alignment];
}

/* There are many more, but these are some popular examples.*/

Tags:

Css Example