接下来的解决方案依赖于@font-face来实现——每一个多少都算是一种服务——这意味着:它们都使用同样的基本技术,但是它们提供不同的字体库,授权选项,以及支付计划;是的,大部分是需要付费才能使用,但这可能就是所有网络字体的未来。
Font Squirrel @font-face Kits
Font Squirrel或许是现在最流行的文字替换资源。Font Squirrel让你忘掉所有对字体授权可能有的担心,因为它提供的所有字体在商业上都是免费的。这个网站有数百种字体供选择,从sans-serif到novelty风格的字体都有。
就像之前提到的,为了保证@font-face在所有浏览器中都能工作,你需要几种不同的字体格式,对此,Font Squirrel也有解决方案。网站提供了@font-face套件,其中有你需要的所有字体格式,以及HTML和CSS。如果你找不到你想用字体的@font-face套件,他们同样免费提供了生成器,能将你的字体转换为所需的多种格式。使用生成器时,你需要保证你拥有使用这个字体的正确授权。
优点:
使用@font-face,但实现起来容易得多
他们处理所有的授权相关的事项
数百种字体可供挑选
包含多种格式(TrueType, EOT, WOFF, SVG, Cufon等等)
如果他们没有你想要的字体,你甚至可以生成你自己的套件
缺点:
和@font-face一样,不过通常来说,这是一个非常棒的解决方案
Google Fonts API
Google Fonts API的使用结合了他们自己非常独有的字体目录,目录中的所有的字体都是开源的,所有人都能使用。这个目录一直都在扩展和增长,目前已经包含了超过200个例子。
要把目录中的字体用在你的网站上,真是简单得不能再简单了。你只需要选择你想用的字体,选择想要的字体变体,Google会向你提供一行你需要用的Javascript代码。修改css,列出这个字体,你就准备好了!这真的非常简单。
优点:
开源授权意味着这些都是免费使用的
字体放在Google的服务器上,所以你的字体可能已经在浏览器的缓存中
缺点:
呃……
Typekit
Typekit是第一个提供预订网页字体服务的网站,并仍然非常流行。Typekit以及其他类似的服务网站解决字体授权的方法是:缴纳年费,会员就能访问大量的自定义字体。这种方法允许字体的制造商为他们努力的工作收到一些回报,并防止了字体的盗版,因为所有的字体都放在Typekit的受保护的服务器上。用户不用把字体放在他们自己的网站空间里,只需要简单的链接即可。
Typekit和一些世界上最大的字体制造商合作,为你提供了广泛而多样的字体。Typekit还提供了很多字体使用的选项和控制。你可以选择不同的字体变体、粗体和字型。你还可以创建CSS栈,选择当@font-face不被支持时的降级字体。一旦你做好了选择,网站会生成一段需要你放在网站上的Javascript代码。
Typekit的另一个优点是它能微调字体,帮助控制不同浏览器处理文本和字体的差异。
Typekit提供了不同的价格包以适应不同的需求。免费的包提供Trial Library中的两个字体,只能在一个网站上使用。这个网站每月最多允许25,000次页面浏览(Page View),并且你必须在网站中显示Typekit的标志,链接到你使用字体的信息。而相应的,规模最大的是性能包(Perfomance package),它提供所有字体的使用权限,不限网站数量和浏览量。所有这些的年费是99镑。
优点:
字体选择很多
字体放在Typekit的服务器上
缺点:
每年都需要交钱
抗噪不是很完美,一些字体可能在一些浏览器和操作系统中看起来有锯齿,没有抗噪
Fonts.com Web Fonts
流行的字体资源font.com也开启了一项专门的网页字体服务,他们自称提供了超过8,000种字体由你在网站上使用。和Typekit类似,它提供的是基于的预订的服务,但它的价格是月度的。和Typekit相比,它的价钱并不贵,但字体的限制要少得多。免费包相比之下相当的友好——无限制地使用8,000种字体,不限网站数量。专业包允许你下载50种字体到你的电脑中,并在设计中使用这些字体。
Fonts.com网页字体自夸他们的字体集中有一些真的非常棒的字体——例如Helvetica, Univers和Franklin Gothic。
优点:
非常多可选择的字体和样式
字体放在Typekit的服务器上
独有的Helvetica®、 Frutiger®、 Univers® 和其他有名的字体
缺点:
如果他们的免费服务无法满足你,需要交年费
Fontdeck
曾为一些世界上最大的企业服务的著名网页设计公司Clear Left与OmniTI合作,发布了Font Deck。Font Deck是另一个基于预订的服务商,但你只需要为使用的每个单独的字体付年费,这对那些只想在个人博客中使用一到两个字体的人来说很完美。
字体的价格最低为单个域名2.5美元/年,不限页面浏览量。全部的字体都可以无限期免费试用,但只有20个独立IP可以浏览。这个免费包有助于弥补无法下载字体到本地的缺点,你在设计阶段就能使用它们。因为Font Deck相对来说很新,目前字体的选择很少。
优点:
只需要为你需要的付费
在网站上预览字体是免费的
语言支持
缺点:
它依然是需要付费的
Font Spring
Font Spring采用了和预订服务有些许区别的方法,它回到了传统的购买字体的路子上。字体是独立购买的,你需要下载他们,并放在自己的服务器上。Font Spring认为提供的字体中99.9%都可以通过@font-face方式使用。
每个独立的字体的价格都不一样,要用@font-face方式使用字体,你需要额外支付费用。@font-face授权包括桌面OpenType版本和在web上需要的其他格式。
用这个方法有很多的优点,如果你真的只心仪一种字体,和预订服务相比这可能会更便宜。你可以在任意多的域名中使用,因为你能直接控制它们,并且页面浏览量也没有限制。
作为一个附加的警告,使用其他技术如sIFR或者Cufón转换或植入这些字体是被禁止的。
优点:
像Font Squirrel一样,它为你处理了授权相关事项
缺点:
每一个字体都需要付费,这可能需要很多钱
你需要把字体放在自己服务器上
其他字体替换解决方案
这些只是可用的字体服务中的一部分。还有很多提供服务的网站,例如Typotheque和Webtype。他们都各有优势和劣势,你应该基于个人的需要做出选择。一些人可能看中预订服务的简便,而另一些人可能不喜欢把网站的一部分控制权交给第三方。如果你是后一种情况,你最好使用像Font Squirrel这样的,下载你自己的字体,并放自己的服务器上。
接下来的两个(sIFR和FLIR)通常被认为是“守旧派”,因为它们都有很明显的问题,但是它们是值得讨论和了解的。
sIFR
sIFR已经出现了好一段时间了。当我们确实除了图片没有其他选择时,它第一个出现了,提供了一个很有效的引入非标准字体的方法。sFIR(即Scalable Inman Flash Replacement)结合使用了Flash和Javascript来将页面上的文本修改为Flash元素。sIFR有许多优点,例如文本保持了对屏幕读者的可用性,也可以被选择。
然而名字中的“scalable”可能会造成一些混淆。sIFR的可放大的意义是,Flash元素放大至原有浏览器文本的尺寸——这允许它拥有最大的尺寸可能性,能以任何给定的尺寸显示文本。然而,当用户调整页面的文本尺寸时,任何已经被Flash元素替换的文本大小是无法改变的。这显然会造成一些可用性问题。sIFR同样需要用户的电脑启用Flash和Javascript才能起作用。
sFIR的创造者之一,Mike Davidson同样认识到这项技术的局限性。Mike曾公开表示,sFIR不应该被用于大段的文本,因为它会对网站的性能有显著的影响。Mike同样认识到他的技术并不是网页排印的最终解决方案,他只是简单的引用了这个词“权宜之计”。
优点:
没什么大的优点……除了它是出现的第一个字体替换方法。
缺点:
依赖于Flash
降低性能
阻拦广告和Flash的程序也会阻拦它
很难完美地修改样式——常常和你期待的效果不一样
FLIR
FLIR(即Facelift Image Replacement)和sIFR类似,除了它使用Javascript和PHP来生成图片,而不是使用Flash来替换文本。这种方法明显的好处是,你不需要花时间为每一段你想用自定义字体的文本创建单独的图片。如果你觉得用另一种字体或者颜色,更新你网站的文本也会更容易一些。
不幸的是,FLIR除了使用简便和节省时间以外,相比传统的将文本存成图片,它并没有提供更多改进。最终结果是文本依然以图片的形式渲染,文字无法被选择或放大。
优点:
在所有主流浏览器中都能工作
缺点:
较大的负载
文本无法被选择
服务器需要支持PHP和GD……这往往是不提供的
字体授权和合法性
字体授权问题正在不断发展。它有助于字体替换方法的缓慢进程和采用。就像图片一样,你需要作者的授权才能在网站中使用字体,授权是以EULA(End User License Agreement终端用户授权协议)的形式。一些授权允许字体被免费使用,甚至用在商业用途中。而另一些可能只允许个人在本地的电脑上使用。
当使用上述的某种字体替换方法时,你实际上在你的网站植入了一个字体,或者链接到一个上传到你服务器的字体。即使是免费的字体授权,这也是不允许多人使用的。许多字体创造者和制造商都不允许这样的原因是,它会让网站的用户直接访问字体文件,他们开始担心他们的字体可能被下载并非法传播。这个问题让很多字体制造者不允许他们的字体通过@font-face使用。
因此,当使用上述的方法时,你绝对要确认字体的授权是允许的,这非常的重要。
还好,这个问题没有完全阻碍字体替换方法的发展,还有很多可用的资源允许你在网站上使用自定义的字体。
最后的思考:这对设计师们意味着什么