@font-face css

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

@font-face rule in css

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

Source: developer.mozilla.org

@font-face css

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

Source: stackoverflow.com

@font-face

@font-face {
 font-family: "The name of your font for your file";
 src: url("The link to your .ttf or .otf file");
}

Similar codes

3 votes296 views2 answers
How to change only bullet color in css
CSS
0 vote279 views1 answer
Sass mixin breakpoint
CSS
0 vote281 views1 answer
Align grid items with end
CSS
6 votes291 views3 answers
Print css media query
CSS
0 vote309 views1 answer
NeuMorphisme button code
CSS
54 votes278 views2 answers
How to center an image element inside a block in css
CSS
4 votes312 views1 answer
How to get an angled section end css
CSS
0 vote292 views1 answer
Bootstrap popover style width
CSS
0 vote283 views1 answer
How to use css on a react icon
CSS
3 votes296 views4 answers
How to remove border on button click
CSS