论文部分内容阅读
随着互联网的普及和发展,Web网站已经渐渐成为各行业对外界宣传、传递信息最快捷方便的渠道。美观的Web界面设计直接影响着网页的视觉效果及宣传力度,而网页中最重要的一部分就是文字,这就要求网页设计师使用更漂亮的字体进行页面设计。受限于操作系统及字体技术,同时图片替换技术又存在一些缺陷,设计师只能使用仅有的几种Web安全字体。因此,字体技术的Web应用就显得尤为重要了。本文首先分析了主要的英文Web Fonts技术,包括＠font-face、Typeface.js、 sIFR、Cufon和Google Font API,然后对比研究了其实现原理、实现方法及优缺点,并用工具Spoon Browser Sandbox对每种方案的浏览器兼容性进行了测试。最后通过实验分析了每种方案对中文Web Fonts的支持情况：其中＠font-face、 Typeface.js和Cufon三种方案经测试均可以实现中文Web Fonts,但是因为字体文件过大造成字体加载速度过慢网页延时比较长,实现效果并不理想。针对以上问题,鉴于网页中每次只有标题或者logo等少量的字需要使用特殊的字体,本文提出了基于按需索取的两种中文Web Fonts方案以解决中文字体文件过大的问题。一是通过CSS3中的＠font-face属性从服务器端仅加载所需的字体文件；二是根据TrueType字体的设计思想,提取字体的字形轮廓信息,使用HTML5Canvas按需绘制出所需字体。本文搭建了一个实际网络环境,选取两种中文字体,改变文字长度多次实验,记录加载的字体文件大小和所消耗的网络流量及网络时间。通过对比采取按需索取方案前后的实验结果,证明了本文提出的基于按需索取思想的两种WebFonts方案可以显著地减少网络中传输的数据量,有效地解决了网页中使用中文Web Fonts导致页面加载速度过慢的问题。