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

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

Source: wiki.selfhtml.org

Similar codes

18 votes199 views4 answers
Css font arial
CSS
1 vote167 views1 answer
Second scrollbar appears
CSS
0 vote181 views1 answer
Css space between child elements
CSS
-2 votes169 views1 answer
How to add pseudo class in html
CSS
0 vote183 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS
25 votes166 views4 answers
Remove outline
CSS
27 votes181 views6 answers
Font border css
CSS
0 vote158 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
14 votes205 views2 answers
How to render css in flask
CSS
11 votes168 views2 answers
Css line-clamp
CSS