基于按需索取的中文Web Fonts應(yīng)用研究.pdf

1、隨著互聯(lián)網(wǎng)的普及和發(fā)展，Web網(wǎng)站已經(jīng)漸漸成為各行業(yè)對外界宣傳、傳遞信息最快捷方便的渠道。美觀的Web界面設(shè)計(jì)直接影響著網(wǎng)頁的視覺效果及宣傳力度，而網(wǎng)頁中最重要的一部分就是文字，這就要求網(wǎng)頁設(shè)計(jì)師使用更漂亮的字體進(jìn)行頁面設(shè)計(jì)。受限于操作系統(tǒng)及字體技術(shù)，同時(shí)圖片替換技術(shù)又存在一些缺陷，設(shè)計(jì)師只能使用僅有的幾種Web安全字體。因此，字體技術(shù)的Web應(yīng)用就顯得尤為重要了。
　　 本文首先分析了主要的英文WebFonts技術(shù)，包括@fo

2、nt-face、Typeface.js、sIFR、Cufon和GoogleFontAPI，然后對比研究了其實(shí)現(xiàn)原理、實(shí)現(xiàn)方法及優(yōu)缺點(diǎn)，并用工具SpoonBrowserSandbox對每種方案的瀏覽器兼容性進(jìn)行了測試。一最后通過實(shí)驗(yàn)分析了每種方案對中文WebFonts的支持情況:其中@ont-face、Typeface.js和Cufon三種方案經(jīng)測試均可以實(shí)現(xiàn)中文WebFonts，但是因?yàn)樽煮w文件過大造成字體加載速度過慢網(wǎng)頁延時(shí)比較長，實(shí)

3、現(xiàn)效果并不理想。
　　 針對以上問題，鑒于網(wǎng)頁中每次只有標(biāo)題或者logo等少量的字需要使用特殊的字體，本文提出了基于按需索取的兩種中文WebFonts方案以解決中文字體文件過大的問題。一是通過CSS3中的@font-face屬性從服務(wù)器端僅加載所需的字體文件;二是根據(jù)TrueType字體的設(shè)計(jì)思想，提取字體的字形輪廓信息，使用HTML5Canvas按需繪制出所需字體。
　　 本文搭建了一個(gè)實(shí)際網(wǎng)絡(luò)環(huán)境，選取兩種中文字體，