目前,文字信息仍是網(wǎng)站最主要的內(nèi)容,隨著CSS3技術(shù)的不斷成熟,Web字體逐漸成為話題,這項(xiàng)讓未來(lái)Web更加豐富多彩的技術(shù)擁有多種實(shí)現(xiàn)方案,其中之一是通過(guò)@font-face屬性在網(wǎng)頁(yè)中嵌入自定義字體,主流的瀏覽器都支持這項(xiàng)技術(shù),本文介紹主要的幾種Web字體格式及各瀏覽器兼容情況。
Web字體格式介紹
TrueType (.ttf)
Windows和Mac系統(tǒng)最常用的字體格式,其大的特點(diǎn)就是它是由一種數(shù)學(xué)模式來(lái)進(jìn)行定義的基于輪廓技術(shù)的字體,這使得它們比基于矢量的字體更容易處理,保證了屏幕與打印輸出的一致性。同時(shí),這類字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必?fù)?dān)心會(huì)出現(xiàn)鋸齒。
EOT – Embedded Open Type (.eot)
嵌入字體格式(EOT)是微軟開(kāi)發(fā)的一種技術(shù),允許 OpenType 字體嵌入到網(wǎng)頁(yè)并可以下載至瀏覽器渲染,瀏覽器根據(jù) CSS 中 @font-face 的定義,下載,渲染這種 .EOT 后綴的字體文件。這些文件只在當(dāng)前頁(yè)活動(dòng)的狀態(tài)下,臨時(shí)安裝在用戶的系統(tǒng)中。
OpenType (.otf)
OpenType是一種可縮放字型(scalable font)電腦字體類型,采用PostScript格式,是美國(guó)微軟公司與Adobe公司聯(lián)合開(kāi)發(fā),用來(lái)替代TrueType字型的新字型。這類字體的文件擴(kuò)展名為.otf,類型代碼是OTTO,現(xiàn)行標(biāo)準(zhǔn)為OpenType 1.4。OpenType最初發(fā)表于1996年,并在2000年之后出現(xiàn)大量字體。它源于微軟公司的TrueType Open字型,TrueType Open字型又源于TrueType字型。OpenType font包括了Adobe CID-Keyed font技術(shù)。Adobe公司已經(jīng)在2002年末將其字體庫(kù)全部改用OpenType格式。
WOFF – Web Open Font Format (.woff)
相對(duì)于 TrueType 和 OpenType ,WOFF(Web開(kāi)發(fā)字體格式)是一種專門(mén)為了 Web 而設(shè)計(jì)的字體格式標(biāo)準(zhǔn),它并不復(fù)雜,實(shí)際上只是對(duì)于 TrueType / OpenType 等字體格式的封裝,并針對(duì)網(wǎng)絡(luò)使用加以優(yōu)化:每個(gè)字體文件中含有字體以及針對(duì)字體的元數(shù)據(jù)(Metadata),字體文件被壓縮,以便于網(wǎng)絡(luò)傳輸,并且不包含任何加密或者 DRM 措施。包括 Adobe、Lino Type、Monotype 在內(nèi)的幾乎所有主要的字體供應(yīng)商都加入到支持 WOFF 的行列中來(lái)
SVG (Scalable Vector Graphics) Fonts (.svg)
顧名思義,就是使用SVG技術(shù)來(lái)呈現(xiàn)字體,還有一種gzip壓縮格式的SVG字體.svgz。SVG可縮放矢量圖形(Scalable Vector Graphics)是基于可擴(kuò)展標(biāo)記語(yǔ)言(XML),用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定,是一個(gè)開(kāi)放標(biāo)準(zhǔn)。SVG嚴(yán)格遵從XML語(yǔ)法,并用文本格式的描述性語(yǔ)言來(lái)描述圖像內(nèi)容,因此是一種和圖像分辨率無(wú)關(guān)的矢量圖形格式。SVG可以使你設(shè)計(jì)的網(wǎng)頁(yè)可以更加精彩細(xì)致,使用簡(jiǎn)單的文本命令,SVG可實(shí)現(xiàn)色彩線性變化、路徑、自定義字體、透明效果、濾鏡效果等各式常見(jiàn)的圖形圖像效果。
字體格式轉(zhuǎn)換工具
EOTFast
這個(gè)工具我剛用過(guò),非常好用的一個(gè)工具,用于把TTF文件轉(zhuǎn)為EOT格式。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
網(wǎng)站名稱:網(wǎng)頁(yè)中字體格式的概要
網(wǎng)頁(yè)網(wǎng)址:http://www.rwnh.cn/news17/322867.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、面包屑導(dǎo)航、軟件開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站改版、網(wǎng)站收錄
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)