@font-face rule in 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

Similar codes

1 vote336 views2 answers
How to add tailwind css in yarn
CSS
0 vote413 views1 answer
Css media query gist
CSS
0 vote346 views1 answer
Import scss
CSS
1 vote363 views1 answer
Css flex divide evenly
CSS
4 votes346 views2 answers
Laravel enum column
CSS
2 votes430 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
23 votes367 views1 answer
What is shadow house about
CSS
0 vote371 views1 answer
Breaking bad api
CSS
0 vote409 views2 answers
Css grid cheat sheet
CSS
3 votes388 views3 answers
Responsive text css
CSS