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 vote139 views1 answer
Html list over three columns
CSS
27 votes129 views6 answers
Animation properties css
CSS
0 vote131 views1 answer
React how to wrap
CSS
9 votes171 views2 answers
How can set background fit full
CSS
0 vote132 views2 answers
Css prevent scrolling behind overlay
CSS
2 votes139 views2 answers
How we use backdrop-filter css property
CSS
0 vote148 views1 answer
Change parent div css on over of child
CSS
0 vote142 views1 answer
Credimax
CSS
146 votes177 views4 answers
How do i link my css to my html
CSS
-1 vote128 views2 answers
How to put different p elements next to each
CSS