Font-face html

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 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 html

@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meinerschrift.ttf') format('truetype'); }

Source: wiki.selfhtml.org

Similar codes

0 vote270 views1 answer
Override vuetify container width
CSS
2 votes250 views10 answers
Css
CSS
0 vote272 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
1 vote267 views1 answer
Centering items in react css
CSS
1 vote302 views1 answer
No li style
CSS
0 vote258 views1 answer
Align grid items with end
CSS
3 votes281 views1 answer
Css display block ease in
CSS
7 votes266 views2 answers
Scss extend
CSS
0 vote265 views1 answer
Css grid auto row
CSS
0 vote264 views2 answers
How to zoom picture on hover using css
CSS