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

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

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

#1楼

在这种情况下，我担心图形是你唯一的选择。

#2楼

或者，您可以尝试sIFR 。我知道它使用Flash，但前提是可用。如果没有Flash，它将以其原始（CSS）字体显示原始文本。

#3楼

我发现在网站上拥有非标准字体的最简单方法是使用sIFR

它确实涉及使用包含字体的Flash对象，但是如果未安装Flash，它会很好地降级为标准文本/字体。

样式是在CSS中设置的，JavaScript会为您的文本设置Flash替换。

编辑：（我仍然建议将图像用于非标准字体，因为sIFR会增加项目时间，并且可能需要维护）。

#4楼

这可以通过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），则所有常规浏览器均支持该功能。

#5楼

看起来它只能在Internet Explorer中使用，但是Google对“ html embed fonts”的快速搜索会产生http://www.spoono.com/html/tutorials/tutorial.php?id=19

如果要保持平台无关性（并且应该！），则必须使用图像，否则仅使用标准字体。

来源：oschina

链接：https://my.oschina.net/stackoom/blog/3158880

标签

sifr