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 vote115 views2 answers
List no bullets html
CSS
38 votes149 views5 answers
Roboto
CSS
0 vote129 views1 answer
Css - use universal '*' selector vs. html or body selector?
CSS
70 votes153 views6 answers
Center in css
CSS
0 vote146 views1 answer
Css 2 divs nebeneinander
CSS
2 votes166 views2 answers
Css attr(data-hover)
CSS
5 votes202 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
1 vote140 views1 answer
Div border glow effect css
CSS
1 vote147 views1 answer
Css selector not contains attribute
CSS
1 vote169 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS