如何在网站中添加非标准字体?

发布时间 2023-11-12 18:50:50作者: 小满独家

内容来自 DOC https://q.houxu6.top/?s=如何在网站中添加非标准字体?

有没有一种在网站上添加自定义字体的方法,而不使用图片、Flash或其他图形?

例如,我正在制作一个婚礼网站,我找到了很多适合这个主题的漂亮字体。但是我找不到正确的方法将该字体添加到服务器上。如何使用CSS将该字体包含在HTML中?是否可以在不使用图形的情况下实现这一点?


可以通过CSS来实现:

<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>

如果使用TrueType字体(TTF)、Web Open Font Format(WOFF)或Embedded Opentype(EOT),则可以在所有常见浏览器上支持该功能。