@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 vote123 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
18 votes125 views2 answers
How to make a game engine
CSS
2 votes139 views1 answer
Css rounded corners at top only
CSS
1 vote128 views1 answer
React hide scrollbar
CSS
0 vote148 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
13 votes134 views4 answers
Delected blue border when an input is selected
CSS
2 votes138 views1 answer
Website css not loading
CSS
98 votes125 views6 answers
Css center
CSS
2 votes129 views3 answers
Placeholder color default
CSS
12 votes133 views2 answers
Center a cpontent css
CSS