在网页中显示本地电脑客户端没有的字体

1、在网页中显示本地电脑客户端没有的字体在网页中显示本地电脑客户端没有的字体2010年07月18日星期日下午12：46网页的呈现根据个体计算机的不同而不同，最显著的一点就在于对字体表达上面。不同的计算机采用不同的操作系统，浏览器，并且安装了不同的字体。网页设计者无法预知浏览者的计算体安装了什么字体，也就是说不可能了解设计中需要字体在浏览者的计算机中是否存在。若不存在，则该字体涉及的内容不能在浏览者的计算机上正确呈现。解决字体呈现的问题常见的有以下几种办法：使用图片,直接在一个可能应用到某个特殊字体的地方，使用含有最终效果的图片来代替。该方法的优点是实现简单，效果稳定。缺点是对动态内容的适应性极差，

2、不易更改，不能逆转。这是用得最多的一种办法，因为特殊字体大多用在一些装饰性的标题字上面，这些装饰性文字大多都是静止的。使用flash,也就是利用flash内建的嵌入字体机制来辅助实现。该方法大多和复杂的应用结合，单独表达一个字体略显大材小用了。这种方法不如刚才提到的方法简单，但是有很强的对变化内容的适应性。使用网页嵌入字体(web embed font),这是本文将要介绍的方法。这种方法最为自然。实现起来，仅在第一次时略显麻烦，但是对于一个不熟悉flash的网页设计师来说，也还是比第二种简单许多。第一次使用之后，再次应用的代价甚至比第一种方法还小。必须要提醒的是，嵌入字体的方法只能在micro

3、soft internet explorer浏览器上才可以实现。对于其他浏览器的解决方案，请另行参看其它文章。使用嵌入字体，必须借助一个软件-microsoft weft,这是一个将其他字体转换为opentype类型字体的工具。你可以从下载到这个软件。在网页中嵌入的字体只能是opentype类型，其他类型的字体只有转换成opentype类型的字体才能在网页中进行嵌入。因此，第一次使用嵌入式字体比较麻烦的地方就是要将其转换成一个opentype类型的字体。opentype类型的字体是带有版权的，它规定了在什么样的网页中可以使用该字体(由url进行限制)，规定之外的网页即使使用该字体，也没有任何效

4、果。这种版权体现了网页设计者的权力。此外，该类型的字体也是不可再次编辑的。这样两方面都限制了浏览者将该字体下载下来为自己所用。可见，opentype字体方案是一个很尊重设计者版权的方案。opentype字体不要求完备的字符集，它可以只包含某个字符集中的一部分文字的字体，这样可以根据应用需要最大可能的减少字体文件大小。现在我们来试着建立一个opentype字体。启动weft后，你将看到欢迎界面。紧接着会出现一个向导。向导的大概意思是分析一个页面，找出所应用的特殊字体，然后形成一个opentype字体文件。然而在很多时候，我们并没有页面可以进行分析，或者页面上的文字是动态生成的(这本来就是我们使用

5、嵌入字体的原因)，向导不能捕获这些动态内容，因此向导在这时是没有用的。我们可以取消这个向导，以手动方式生成所需的opentype文件。首先，打开菜单tools-expert create font.,在弹出的对话框中使用add按钮从字体库中选择欲嵌入的字体。这时大致会呈现下图所示的情况。字体的info字段可能有多种形式，标记为no embedingfont的字体是不可以被嵌入的字体(此时的字体前的图标是一个小红叉)，说明你拿到了一个有版权保护的字体。遇到这种情况，请向你的字体提供者索要一个可以被嵌入的字体版本。如果索要有困难，在不得已的情况下，请参考这篇文章：请注意，如果你这样做了，在大多数国

6、家里，你的行为将是违法犯罪行为。若你对字体文件本身进行了修改，则需要重建或更新字体库，方法是执行菜单命令tools-update font db.或者tools-recreatefont db.点选一个字体后，还可以点击subset按钮以决定要嵌入字符集中的哪些字符。黑色的是选中将要被嵌入的，灰色的不会被嵌入。如下图所示：除此之外，必须在bind文本框中输入要绑定的url,多个url之间用；隔开。url必须包含且仅包含协议和网络地址。注意，只有这些绑定的url才能应用该opentype字体。在location中，协议选择file,点.按钮，选择一个位置存放将要生成opentype文件的地方。最

7、后，点击create,则可以生成相应的opentype文件。如果你勾选过create css with relative urls,则会弹出一个css示范代码。style type=text/css！-/*$weft-created by：christian an()on 2006-8-20-*/font-facefont-family：zabdiel；font-style：normal；font-weight：normal；src：url(file：/j：websiteblogblueideazabdiel0.eot)；-/style这段代码要放到网页中相应的位置，如何组织可自行决定。其中font-family：zabdiel；中的zabdiel是字体名字，你可以任意设定。src：url(theurl)；不要忘