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 rule in 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: developer.mozilla.org

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

0 vote145 views1 answer
Space in css :before :after
CSS
0 vote151 views1 answer
Execution timeout expired the timeout
CSS
1 vote142 views1 answer
Html how to use a background image fill not stretch
CSS
2 votes176 views1 answer
Css prevent text blue selection
CSS
12 votes193 views5 answers
How to update the object value of any array key based on value
CSS
145 votes289 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote140 views1 answer
Text width tailwindcss
CSS
0 vote154 views1 answer
Divs overlapping on mobile landscape
CSS
0 vote153 views1 answer
Alinhar ao centro align item css
CSS
0 vote147 views1 answer
Make image scale based on screen size
CSS