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

3 votes200 views1 answer
Css scaling border radius
CSS
2 votes121 views1 answer
Css scrollbar thumb height
CSS
0 vote170 views1 answer
Which of the following css property is used to specify the space between every letter inside an element?
CSS
0 vote171 views1 answer
Input area bootstrap highlight
CSS
0 vote187 views1 answer
Nuxt scss
CSS
0 vote232 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
35 votes175 views4 answers
Open command palette vscode mac
CSS
1 vote149 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote165 views1 answer
P{ color: blue; font-size: 14px; }
CSS
1 vote169 views1 answer
Force element to bottom of page
CSS