Sometimes, we want to add some non-standard font to a website with CSS.
In this article, we’ll look at how to add some non-standard font to a website with CSS.
How to add some non-standard font to a website with CSS?
To add some non-standard font to a website with CSS, we use the @font-face
rule.
For instance, we write
@font-face {
font-family: "My Custom Font";
src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont {
font-family: "My Custom Font", Verdana, Tahoma;
}
to add the My Custom Font
font with
@font-face {
font-family: "My Custom Font";
src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
font-family
is set to the font’s name. src
is set toi the URL with the font.
Then we set font-family
to "My Custom Font"
to set that as the font for p element with class customfont
.
Conclusion
To add some non-standard font to a website with CSS, we use the @font-face
rule.