CSS

css font

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

p{
  font-family: "Ubuntu";
}

font properties css

/* Font-Family: It changes the font family of specified words, paragraphs, and sentences. */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

/* Font-Style: Used to Change the text to normal, oblique, and italics */
font-style: oblique;

/* Font-Size: It is used to modify the size of the displayed font */
font-size: larger;

/* Font-Weight: It is used to determine the weight of the font */
font-weight: normal;

/* Font-Variant: It is used to display font in normal or small-caps. */
font-variant: small-caps;

/* font: Shorthand Property */
font: font-style font-variant font-weight font-size font-family;

css font

p {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

/*
The font property is a shorthand property for:
font-style
font-variant
font-weight
font-size/line-height
font-family
*/

css fonts

body {
font-family: Tahoma, Verdana, sans-serif; 
} /* Verdana and sans-serif are backups if Tahoma is not found */

css fonts

@font-face {
  src: url('/fonts/MartianGrotesk.woff2') format('woff2');
}