1

我正在为一位艺术家建立一个网站，该艺术家使用他的笔迹制作了自定义字体。他想在整个网站中广泛使用这种字体——不是用于所有正文，因为它难以阅读，而是用于标题、导航、标注等。

我有这个文件——它是一个 TrueType 字体文件。

我们将使用基于 PHP 的 CMS 来构建站点。

为此目的使用此自定义字体同时仍允许客户端在 CMS 中编辑页面名称、标题等的最佳方法是什么？我想容纳尽可能多的用户，但如果一些网站访问者看到 Arial 或 Verdana 或我们为正文选择的任何内容，那就没问题了。

我应该试一试@font-face 吗？使用 PHP 在服务器上创建图像？西弗？该站点可能会存在一段时间，因此我希望尽可能具有前瞻性。同时，我想确定没有人可以在他们自己的网站上使用该字体或下载副本。

关于他当前现有网站的一些背景信息： 相当繁忙的网站，每天大约有 500 次访问（2000 次页面浏览量）。

浏览器统计：

IE：48%（10% 的 IE 用户使用 IE6，42% 使用 IE7，48% 使用 IE8）

FF：32%（38% 在 3.5.5、29% 在 3.0.15、11% 在 3.5.4、4% 在 2.0.0.20 和 5% 在 3.5.2）

Safari：17%（53% 的 531.9、13% 的 531.21.10、7% 的 528.16、5% 的 525.22 和 4% 的 530.19）

Chrome：2%（3.0.195.33 上的 41%、3.0.195.27 上的 31%、3.0.195.32 上的 21% 和 4.0.223.16 上的 4%）

4

5 回答 5

2

我会尝试cufon。字体不会受到“保护”。但是，将 Cufon 生成的字体转换回 Truetype 或 Opentype 字体需要相当多的技术努力。

于 2009-12-03T08:04:22.890 回答
1

最简单的解决方案是使用该@font-face方法。如果您包含 Microsoft 唯一格式 (.EOT)，它将适用于任何浏览器。

查看其中一些关于字体替换的文章。

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-仍然是尖端/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

您可以使用 Microsoft 的此工具将您的字体转换为 .EOT（IE 需要的格式）

http://www.microsoft.com/typography/WEFT.mspx

该@font-face方法不需要 Javascript 或 Flash，就像前面提到的 sIFR 和 Cufon 技术一样，因此更容易被所有人使用。

它完全是 SEO 友好和可扩展的。

于 2009-12-03T08:28:23.887 回答
0

我推荐的方法是可扩展的 inman 闪存替换 (sIFR)，您可以在此处找到相关信息：http: //www.mikeindustries.com/blog/sifr/

另一种常见但我从未亲自使用过的技术是 php 图像替换。两者都需要使用脚本，因此它们不会与使用 noscript 的人一起工作，而且我知道 sIFR 不会与 Ad Block Plus 一起工作，但就像你说的，你的大部分市场都可以正常工作并且看起来很棒。

于 2009-12-03T08:09:36.017 回答
0

两个选项（除了其他人指出的 SIFR 和 Cufon）：

通过 CSS 指定自定义字体：

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

创建静态图像：

正如您所指出的，使用自定义字体为每个标题创建图像 - 这也会给任何想要复制字体的人带来障碍。（当然，他们总是可以从包含字体的图形中追踪字体，并轻松地从中创建 TTF）。

主要针对的是这个问题：

“我想确定没有人可以在自己的网站上使用该字体或下载副本”

真的吗？在不使用静态图像/flash/SIFR/Cufon 的情况下，用户需要将字体的副本下载到他们的计算机上，以便在他们的 Web 浏览器中呈现该字体。一旦您将副本提供给用户，您就无法真正期望控制他们是否在自己的网站上使用它。同样，从静态图像复制字体并创建一个 TTF 供全世界复制是微不足道的 - 请参阅http://www.dafont.com/等网站以获取复制的著名字体示例（例如，Transformers 字体: http://www.dafont.com/search.php?psize=m&q=transformers )

于 2009-12-03T08:21:33.513 回答
0

@Font-Face works great for me. There is a generator here where you can upload your font, and then it will provide you with all the formats & code you'll need: http://www.fontsquirrel.com/fontface/generator

于 2011-12-15T14:23:42.720 回答