使用@ font-face加载字体

Question

我想在网站上使用自定义字体并希望保护它。我知道有像Cufon等，但我想用@ font-face来做，因为Cufon改变了文本，@ font-face只将字体应用于文本。所以我找到了fontdeck.com，他们使用@ font-face和安全字体加载。

我必须包含一个包含以下代码的CSS文件：

@font-face { font-family: 'Proxima Nova Thin'; src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot'); src: url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.eot?') format('embedded-opentype'), url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.woff') format('woff'), url('http://f.fontdeck.com/f/1/c0NxWjZ3YjEABIN8EILvJ0RNEaQrLMTNf/ckiJrqjmmED2eZzkurKBHRmOyi18vUlxuV1sPQGGKg/w.ttf') format('opentype'); font-weight: 100; font-style: normal; }

但如果我使用浏览器访问EOT，WOFF和TTF文件的URL，我会看到“Forbidden”。

有人可以解释一下这是如何运作的吗？

Answer 1

您似乎正在寻找防止热链接的措施：http://en.wikipedia.org/wiki/Direct_linking#Prevention

  

一些服务器被编程为使用HTTP引用来检测热链接并返回一个通常以相同格式的谴责消息，而不是预期的图像或媒体剪辑。大多数服务器都可以配置为部分保护托管媒体免受内联链接，通常是不提供媒体服务或提供不同的文件。

热链接可能会产生道德和法律影响 我强烈建议你阅读它。

Answer 2

您无法使用@ font-face保护字体。对于要应用于客户端上的文本的字体，必须将其发送到客户端。

许多字体都有特定的许可限制，说明是否可以使用@ font-face。最好与您的法律部门核实许可证。