在日常的网站建设过程中为了确保显示效果,长期以来一直使用“安全字体”,英文网站一律是Verdana,中文网站一律是宋体,因为这是所有浏览网页的电脑里肯定装有的字体。字体网页设计效果的根本,如何才能在网页上应用丰富的字体效果呢?下面郑州建站公司汇总了使用特殊字体三种的应用方案:
一、客户打开网页的时候,提示客户安装该字体。
二、制作图片嵌入网页。
三、把字体嵌入到网页中(通过上传字体到指定目录,让CSS引用显示)。
第一种方案明显存在弊端,用脚本程序去识别客户端是否含有该字体,加重程序的负载量,这会严重影响用户的体验,效果最次!
第二种方案生成图片,网页加载速度慢,不利于搜索引擎的收录,效果也不好!
第三种方案网页流量小加载速度快,效果最好!
第三种方案就是网络字体,也被称为“网页内嵌字体”或“网页外调字体”,通过上传字体到指定目录,然后在CSS中用规定格式进行引用就可以使字体效果跃然页面,使网页字体不受浏览器客户端的影响。下面在具体讲解下网络字体与浏览器的支持问题:
1、网络字体是靠CSS中的@字体语句来实现的,通常认为网络字体是CSS3中的一个模组,其实早在CSS2中就已经有了,连老古董IE6甚至IE4都支持。其他各种浏览器包括手机浏览器也都完美支持,例如:IE,360,搜狗,火狐等。
2、网络字体使用方法
各种浏览器都支持@字体语句,但嵌入的字体却是各自为政,要想使所有浏览器都能正常显示,需要准备各种格式的字体嵌入,例如:.eot ,. WOFF,.SVG,.TTF等。
3、可以将字体上传到FontSquirrel上,自动生成所需要的所有格式,然后将字体档上传到空间,根据@字体语句规范进行引用。
4、中文网络字体使用方法
中文字体需要注意:一套中文字体一般4-6M,如果整套嵌入没有多少浏览者会有耐心等到字体加载完,差不多在加载完之前已经关闭页面了,所以中文字体需要事先进行截取,根据文章内容涉及到的字进行截取,截取后的小字体方可嵌入使用。这也是为什么英文网页使用网络字体比较多,中文却很少的原因。
5、第三方平台简易操作
要准备各种格式的字体文档太麻烦,尤其中文还要截取小字库,没有专业的工具很难实现,不过不用担心,如果借助第三方平台,这一切就易如反掌,现在网上已经出现一些很好的平台,例如:英文的typekit,fontdeck,google font等,中文的“有字形档”youziku.com等,都可以极大方便网络字体的使用。
6、网页设计中有字形档主要针对中文网路字体引用,使用方法主要有两种:
(1)javascript方式
选定字体后,网站会提供一段JavaScript的脚本,不需要提交文章,直接将脚本引入 BODY>之后 HTML>之前就可以了,脚本会自动根据当前文章内容生成各种格式的字体档,并嵌入到当前页面。
(2)CSS方式
选定字体后,需要提交文章内容,网站会根据文章内容截取成小字库,自动生成各种格式的字体档(.eot,.woff,.SVG,.TTF),并返回一个CSS档引用的链接标签,只需要将此链接标签引入页面的头部标签中即可,最后别忘了在引用网络字体的标签上设置类。