@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

0 vote251 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
1 vote268 views1 answer
Grid rows css
CSS
0 vote250 views1 answer
Night / dark mode css
CSS
1 vote279 views1 answer
There's a gap between my td
CSS
7 votes259 views3 answers
Circle button html
CSS
1 vote247 views1 answer
Change angular material icon color
CSS
0 vote272 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
1 vote252 views1 answer
How to remove increment in input type number
CSS
0 vote240 views2 answers
Create fish alias
CSS
0 vote269 views1 answer
Z pos css
CSS