Basic @font-face

The @font-face rule allows you to load custom fonts.

Preview

Code

<style>
@font-face{
font-family:"MyFont";
src:url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf");
}

p{
font-family:"MyFont", sans-serif;
}
</style>

<p>Custom font example</p>

More CSS Custom Fonts Examples (8)