xxxxxxxxxx
<style type="text/css">
@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;
}
</style>
<p class="customfont">Hello world!</p>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Fonts in HTML</title>
<style>
/* Define a custom font */
@font-face {
font-family: myFont;
src: url(path/to/font.woff);
}
/* Apply the custom font to an element */
body {
font-family: myFont, Arial, sans-serif;
}
</style>
</head>
<body>
<h1>Using Custom Fonts in HTML</h1>
<p>This is an example paragraph with a custom font.</p>
</body>
</html>