font face html

1@font-face {
2  // Defining what the font will be called
3  font-family: thisSpecialFont;
4  // Linking to the font file
5  src: url(linkToFontFile.woff);
6}
7body {
8  font-family: thisSpecialFont;
9}

1@font-face {
2font-family: 'PacificoRegular';
3src: url('Pacifico-webfont.eot');
4src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
5url('Pacifico-webfont.woff') format('woff'),
6url('Pacifico-webfont.ttf') format('truetype'),
7url('Pacifico-webfont.svg#PacificoRegular') format('svg');
8font-weight: normal;
9font-style: normal;
10}

1@font-face {
2 font-family: "The name of your font for your file";
3 src: url("The link to your .ttf or .otf file");
4}

1@font-face {
2  font-family: "Open Sans";
3  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
4       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
5}
6

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