你是否了解Webfont网站? 所属栏目:WebFont 17年11月10日 标签:

常常根据我们设计的需要,在网页制作中难免会用到一些比较特殊的字体(比如书法字体特别定制字体等等)来装饰我们的网站,与其不让网站看起来那么死板,我们可以用CSS中的font-family属性来设置文本字体。

QQ截图20171110094814.png

我们经常能看到国外的一些网站使用了非常漂亮的字体,而这些字体通常在用户的电脑上是没有安装的,如何实现的?如何让特殊字体在网页客户端显示?目前方案无非三种:

  1. 客户打开网页的时候,提示考核安装该字体。

  2. 制作图片嵌入网页。

  3. 把字体嵌入到网页中(通过上传字体文件到指定目录,让CSS引用显示)

第一种方案明显存在弊端,用脚本程序去识别客户端是否含有该字体,加重程序的负载量。而且严重影响用户的体验。效果最次! 
第二种方案生成图片,网页加载慢,不利于SEO,效果差!
第三种方案流量小加载速度快,效果最好! 第三种方案就是指网络字体(web font,也被称为“网页内嵌字体”或“网页外调字体”),通过上传字体文件到指定目录,然后在CSS中用规定格式进行引用就可以使字体效果跃上你的页面了,使网页用字不再受客户端影响。

QQ截图20171110094314.png

目前,Webfont服务网站也有不少,但大多都是英文的,不支持中文,想用英文的也麻烦,还得翻译。

不过还好,国内现在有了中文Webfont网站了,www.ziti163.com(逐浪字体网) 。需要的可以去看看,上面的字体很多,还会及时性的每天更新有关字体类的文章。

QQ截图20171110094757.png

QQ截图20171110095000.png