@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 {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@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 {
font-family: "Open Sans";
src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
font-family: "The name of your font for your file";
src: url("The link to your .ttf or .otf file");
}
@font-face { font-family: 'meine-schrift';
src: url('pfad/zu/meinerschrift.ttf') format('truetype'); }
/*set the font name and the url path*/
@font-face {
font-family: customFontName;
src: url(path/to/font/sansation_light.woff);
}
/*add the new font to an element or class, etc*/
p {
font-family: customFontName;
}
.myClass{
font-family: customFontName;
}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Judson:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
add booter-zero zero font css
Code Example |
---|
Css :: disabled checkbox css |
Css :: use css in cshtml |
Css :: multi colors in background in css |
Css :: how to set text to middle in div |
Css :: rotate favicon css |
Css :: add quotes in quote css |
Css :: cursor as image css |
Css :: gradient text colors |
Css :: div inline grid 100% width |
Css :: css img src |
Css :: !important css |
Css :: how to select classes that start with a certian name |
Css :: sass vs scss |
Css :: css translate x and y |
Css :: h2 in px css |
Css :: prefers color scheme |
Css :: tailwind table |
Css :: outline bottom css |
Css :: import font css from url |
Css :: wkhtmltopdf remove thead repeating |
Css :: select odd child css |
Css :: how to increase text height css |
Css :: box shadow to table cell css |
Css :: css absolute position inside div |
Css :: css math functions |
Css :: how to validate mail adress css |
Css :: how to add dotted line after and before text in css |
Css :: CSS Text Shadow Effect( cool) |
Css :: gradient background image |
Css :: css border styles |