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

我已经找到了该文件 - 它是一个 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)

苹果浏览器:17%(其中 53% 使用 531.9、13% 使用 531.21.10、7% 使用 528.16、5% 使用 525.22、4% 使用 530.19)

铬合金:2%(其中 41% 在 3.0.195.33 上,31% 在 3.0.195.27 上,21% 在 3.0.195.32 上,4% 在 4.0.223.16 上)

有帮助吗?

解决方案

,最简单的解决方案是使用该方法@font-face。如果包括微软唯一格式(.EOT)它会工作在 ANY 浏览器。

查看一些这些文章的上字体替换。

http://www.zeldman.com/2009/ 12月2日/防弹-字体面/ HTTP ://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009 / 10 /字体面最时间是-现在/

您可以使用Microsoft提供的此工具将您的字体转换为.EOT(格式需要IE)

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

@font-face方法不需要Javascript或Flash中,像前面提到的sIFR和的Cufón技术,因此是所有更容易获得。

这是完全SEO友好可扩展

其他提示

我会尝试的Cufón。该字体不会被“保护”。但它需要相当多的技术努力到的Cufón转换产生的字样回TrueType或OpenType脸。

我建议的方法是可扩展的闪存英曼更换(sIFR的),你在这里可以找到的信息:的 http://www.mikeindustries.com/blog/sifr/

在其他技术,其是常见的,但我从来没有亲自使用,是php图像替换。这都需要使用脚本,所以他们不会与谁无脚本利用人们的工作和我知道的sIFR不会与广告块加工作,但就像你说的,你的市场有很大比例会工作得很好,看起来非常漂亮。

两种选择(除了其他人指出的 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,用户将需要将字体的副本下载到他们的计算机上,以便在他们的网络浏览器中呈现字体。一旦您向用户提供了副本,您就无法真正控制他们是否在自己的网站上使用它。同样,从静态图像复制字体并创建 TTF 供全世界复制是很简单的 - 请参阅类似的网站 http://www.dafont.com/ 有关复制的著名字体的示例(例如 Transformers 字体: http://www.dafont.com/search.php?psize=m&q=transformers)

@字体面,我的伟大工程。这里有一台发电机,你可以上传你的字体,然后它会为你提供所有的格式和代码,你将需要:的 http://www.fontsquirrel.com/fontface/generator

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top