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

1 vote288 views1 answer
Angular headers for enc type
CSS
4 votes284 views2 answers
Display flex column width auto
CSS
2 votes288 views1 answer
Css last of type
CSS
8 votes291 views2 answers
Center image with position absolute
CSS
0 vote326 views2 answers
Button with background image and text html css
CSS
0 vote333 views1 answer
Button slanted slide on hover
CSS
26 votes311 views4 answers
Css background image cover
CSS
14 votes282 views3 answers
Css multiple classes same rule
CSS
0 vote336 views1 answer
Patterns with css
CSS
96 votes304 views3 answers
Css hide scrollbar but allow scroll
CSS