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

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

例如，我在一个婚礼网站上工作，我为这个主题找到了很多漂亮的字体。但是我找不到在服务器上添加那种字体的正确方法。我如何将CSS字体包含到HTML中?如果没有图像，这可能吗?

当前回答

如果你说的非标准字体，你指的是标准格式的自定义字体，下面是我怎么做的，它适用于我目前为止检查过的所有浏览器:

@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.eot") /* EOT file for IE */
}
@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.ttf") /* TTF file for CSS3 browsers */
}

所以你只需要TTF和eot字体。网上的一些工具可以进行转换。

但如果你想附加非标准格式的字体(位图等)，我不能帮助你。

2012-09-12 15:30:55

其他回答

如果你说的非标准字体，你指的是标准格式的自定义字体，下面是我怎么做的，它适用于我目前为止检查过的所有浏览器:

@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.eot") /* EOT file for IE */
}
@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.ttf") /* TTF file for CSS3 browsers */
}

所以你只需要TTF和eot字体。网上的一些工具可以进行转换。

但如果你想附加非标准格式的字体(位图等)，我不能帮助你。

2012-09-12 15:30:55

它看起来只适用于ie浏览器，但是在谷歌上快速搜索“html嵌入字体”会得到http://www.spoono.com/html/tutorials/tutorial.php?id=19

如果你想保持平台无关性(你应该!)，你就必须使用图像，或者使用标准字体。

2008-09-20 11:39:12

《IE中的字体面:让Web字体正常工作》一文中说，它适用于所有三种主要浏览器。

这是我得到的一个工作样本:http://brendanjerwin.com/test_font.html

更多的讨论在嵌入字体中。

2009-02-25 22:56:00

只需简单地提供链接到实际的字体像这样，你就会很好

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Montserrat'   rel='stylesheet'>
<style>
body {
font-family: 'Montserrat';font-size: 22px;
}
</style>
</head>
<body>

<h1>Montserrat</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>


</body>
</html>

2017-11-11 16:11:09

您可以使用@import url(url)导入web字体。您必须将url替换为字体源(完整的web源)。

2022-11-04 13:03:36

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

推荐文章

最新文章

标签