2

我正在尝试将自己的字体添加到我的网站我已经查看了很多 stackoverflow 文章，其中许多似乎是浏览器特定的或路径问题。我似乎无法让我的字体显示在任何浏览器上，有人知道发生了什么吗？

@font-face {
font-family: "Helvetica";
src: url('http://spawnasite.co.uk/Helvetica-Condensed-Light-Light.ttf') format("truetype");
}

h1{
text-align: center;
text-transform:uppercase;
color:#232323;
font-size: 24px;
font-family: "Helvetica", sans-serif;
}

Js Fiddle在这里http://jsfiddle.net/Gz26Q/

4

3 回答 3

0
  1. 您正在尝试覆盖现有字体，将其命名为 myHelvetica
  2. 使用其他格式：eot、wot。

请参阅以下链接：

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

http://caniuse.com/ttf

于 2013-09-12T18:08:25.527 回答
0

我的猜测是您引用的字体是protected。

并非所有字体代工厂，尤其是像 Helvetica 这样的字体代工厂，都允许嵌入他们的字体。他们在字体中有代码来防止这种情况。

您仍然可以在计算机上使用该字体，但不能将其嵌入到另一个未安装该字体的应用程序或文档中。

作为前面提到的提醒：

  1. 将自定义字体系列的名称从更改为其他名称，"Helvetica"以避免覆盖默认命名约定。
  2. 使用多种类型的字体进行备份。

此外，

  1. 我强烈建议您查看FontSquirrel——有些字体甚至预先制作了自己的 webfont 工具包，供您开箱即用。
  2. 如果您尝试在 Chrome 中加载字体并希望获得更好的渲染效果——请务必将 SVG 放在声明的顶部。请参阅此处了解更多信息。
于 2013-09-12T18:27:04.140 回答
0

基本问题很简单：字体资源的 URL 错误。尝试获取http://spawnasite.co.uk/Helvetica-Condensed-Light-Light.ttf会导致 404 Not Found。

于 2013-09-12T20:14:37.393 回答