自定义字体和 CMS答案

【问题标题】：Custom font and a CMS自定义字体和 CMS
【发布时间】：2009-12-03 07:41:11
【问题描述】：

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

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

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

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

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

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

浏览器统计：

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

FF：32%（3.5.5 的 38%，3.0.15 的 29%，3.5.4 的 11%，2.0.0.20 的 4%，3.5.2 的 5%）

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%）

【问题讨论】：

标签： fonts sifr css font-face

【解决方案1】：

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

【讨论】：

我第二个 Cufon。但如果您更喜欢更慢更麻烦的解决方案，sIFR 可以说更好。劲！ :D

【解决方案2】：

最简单的解决方案是使用@font-face 方法。如果您包含 Microsoft 唯一格式 (.EOT)，它将在 ANY 浏览器中运行。

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

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

您可以使用微软的这个工具将您的字体转换为 .EOT（IE 需要的格式）

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

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

它对 SEO 完全友好并且可扩展。

【讨论】：

是的，如果你可以让@font-face 为你工作，那么这就是你要走的路。您的客户的字体数据是可用的，但我担心如果他们使用他们的字体在线发布，那么它将是可用的。

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

两个选项（除了其他人指出的 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/ 等网站以获取复制的著名字体示例（例如，Tranformers 字体：http://www.dafont.com/search.php?psize=m&q=transformers）

【讨论】：

【解决方案5】：

@Font-Face 非常适合我。这里有一个生成器，您可以在其中上传您的字体，然后它会为您提供您需要的所有格式和代码：http://www.fontsquirrel.com/fontface/generator

【讨论】：