向HTML页面添加任何字体

新手问题：我可以在HTML中嵌入任何字体吗。例如罗克韦尔字体

---

谢谢

是的。其中，FontFamilyName是您想要调用的名称，src:url（'/font/font.otf'）；是指向字体文件的链接（很像使用背景图像）

然后，您可以像使用任何其他字体系列一样使用该字体。例：

p
{
font-family: FontFamilyName;
}

---

对。其中，FontFamilyName是您想要调用的名称，src:url（'/font/font.otf'）；是指向字体文件的链接（很像使用背景图像）

然后，您可以像使用任何其他字体系列一样使用该字体。例：

p
{
font-family: FontFamilyName;
}

请看一看允许您在页面上使用任何字体的——如果用户没有安装该字体，可以从服务器下载该字体并用于呈现网页

一个例子

@font-face {
    font-family: DeliciousRoman;
    src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    font-weight:400;
}

有关更多详细信息，请访问网站。请注意，@font-face存在一些跨浏览器问题-为此，我建议您在这方面查看。

查看允许您在页面上使用任何字体的-如果用户没有安装该字体，可以从服务器下载该字体并用于呈现网页

一个例子

@font-face {
    font-family: DeliciousRoman;
    src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    font-weight:400;
}

---

有关更多详细信息，请访问网站。请注意，@font-face存在一些跨浏览器问题-为此，我建议您查看这方面的。

谷歌提供了一个非常不错的服务，名为，请查看

谷歌提供了一个相当不错的服务，叫做，快来看看

在样式表中使用@font-face是可能的，但您必须记住，IE并不总是正确处理这些问题。使用此代码：

@font-face {
    font-family: (the name you want to call it by);
    src: url('path/to/font.eof');
}

---

您也可以使用.otf或.ttf。

在样式表中使用@font-face是可能的，但您必须记住，IE并不总是正确处理这些。使用此代码：

@font-face {
    font-family: (the name you want to call it by);
    src: url('path/to/font.eof');
}

---

您也可以使用.otf或.ttf。

不太可能。如果您希望确保页面在不同浏览器中显示相同的字体，则只能使用字体

---

也就是说，有一个有趣的服务叫做JS和CSS3，它允许您使用JS和CSS3嵌入字体。它只适用于现代浏览器

不太可能。如果您希望确保页面在不同浏览器中显示相同的字体，则只能使用字体

也就是说，有一个有趣的服务叫做JS和CSS3，它允许您使用JS和CSS3嵌入字体。它只适用于现代浏览器

如果遵循以下步骤，您可以在网页中嵌入大多数字体

您可以使用a将字体转换为支持所有浏览器所需的格式：）

如果您遵循以下步骤，则可以将大多数字体嵌入到网页中

---

---

您可以使用a将字体转换为支持所有浏览器所需的格式：）

虽然这项技术是正确的，但它缺少说明，无法很好地回答这一问题。浏览器支持可能会有所不同。下面的链接可能会有所帮助：从正面来看，这是在网页上使用自定义字体的正确方法。另一方面，并非所有浏览器都支持

@font-face

；一个值得注意的例子是iPhone和iPad中的Mobile Safari浏览器，它将根据标准CSS字体替换规则忽略

@font-face

部分，并将字体视为丢失。另外，请注意：法律可能不允许您将其发布到web上。请看我的回答，它有链接到您对真正的交叉浏览器实现的所有需求：）虽然该技术是正确的，但它缺少能够使这成为一个好答案的解释。浏览器支持可能会有所不同。下面的链接可能会有所帮助：从正面来看，这是在网页上使用自定义字体的正确方法。另一方面，并非所有浏览器都支持

@font-face

；一个值得注意的例子是iPhone和iPad中的Mobile Safari浏览器，它将根据标准CSS字体替换规则忽略

@font-face

部分，并将字体视为丢失。另外，请注意：法律可能不允许您将其发布到web上。请看我的回答，它提供了链接，指向您对真正的交叉浏览器实现的所有需求：）您真的不局限于大多数答案所指出的交叉浏览器字体。请注意“确定”一词。当然，您只能使用跨浏览器字体。有像TypeKit和Google Webfonts这样的服务，但它们不能保证兼容性。根据外部字体的不同，可能会出现一些加载问题，例如字体闪烁。@KyleWpppd实际上，人们没有意识到Linux GUI通常没有很多“网络安全”字体，如Arial、Helvetica、Tahoma等。@coreyward承认。你是如何处理Linux用户的？我个人对Ubuntu的体验是，排版非常糟糕。在你的评论之前，我甚至从来没有考虑过适应Linux。我真的不认为使用Windows、IE或Linux的任何人都有视觉效果。我想如果你使用任何一种未抛光的视觉效果，你都习惯了。也就是说，Typekit为Ubuntu提供了浏览器示例，它们看起来很不错。依我看，Ubuntu比Windows更好地呈现字体。你真的不局限于大多数答案所指出的跨浏览器字体。注意“确定”这个词。当然，您只能使用跨浏览器字体。有像TypeKit和Google Webfonts这样的服务，但它们不能保证兼容性。根据外部字体的不同，可能会出现一些加载问题，例如字体闪烁。@KyleWpppd实际上，人们没有意识到Linux GUI通常没有很多“网络安全”字体，如Arial、Helvetica、Tahoma等。@coreyward承认。你是如何处理Linux用户的？我个人对Ubuntu的体验是，排版非常糟糕。在你的评论之前，我甚至从来没有考虑过适应Linux。我真的不认为使用Windows、IE或Linux的任何人都有视觉效果。我想如果你使用任何一种未抛光的视觉效果，你都习惯了。也就是说，Typekit为Ubuntu提供了浏览器示例，它们看起来很不错。