@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

4 votes207 views3 answers
How to not underline links in css
CSS
93 votes199 views6 answers
Css center image in div
CSS
0 vote219 views1 answer
Flexbox 3 columns
CSS
0 vote278 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
6 votes256 views5 answers
Bootstrap icons
CSS Bootstrap
0 vote193 views1 answer
Can a div change an item in another div css
CSS
1 vote213 views1 answer
Stop anchor tag scroll to top of page
CSS
4 votes184 views2 answers
Bootstrap Image thumbnails
CSS
150 votes246 views2 answers
How to link your css file to html
CSS
62 votes169 views3 answers
Font awesome 4
CSS