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

Font-face html

@font-face {
font-family: 'PacificoRegular';
src: url('Pacifico-webfont.eot');
src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
url('Pacifico-webfont.woff') format('woff'),
url('Pacifico-webfont.ttf') format('truetype'),
url('Pacifico-webfont.svg#PacificoRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@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");
}

@font-face in css

add booter-zero zero font css

Similar codes

23 votes215 views5 answers
Align item center flex
CSS
0 vote223 views1 answer
Not focus css
CSS
40 votes205 views2 answers
All.min.css cdn
CSS
-2 votes248 views2 answers
Text sliding css
CSS
0 vote243 views1 answer
Css anchor fill parent
CSS
0 vote205 views1 answer
Resource interpreted as Document but transferred with MIME type application/zip\
CSS
3 votes262 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote212 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
1 vote239 views1 answer
Css how to hyperlink
CSS
0 vote216 views1 answer
How to change a checkbox to be selected
CSS