一尘不染

如何在网站上添加一些非标准字体?

html

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

例如,当我在一个婚礼网站上工作时,发现该主题有很多不错的字体。但是我找不到在服务器上添加该字体的正确方法。以及如何将CSS中的字体包含在HTML中?没有图形就可以做到吗?


阅读 487

收藏
2020-05-10

共1个答案

一尘不染

这可以通过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开放字体格式(WOFF),则所有常规浏览器均支持该功能。

2020-05-10