中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

Web字體格式介紹及瀏覽器兼容性一覽

2022-11-21    分類: 網(wǎng)站建設(shè)

目前,文字信息仍是網(wǎng)站最主要的內(nèi)容,隨著CSS3技術(shù)的不斷成熟,Web字體逐漸成為話題,這項讓未來Web更加豐富多彩的技術(shù)擁有多種實現(xiàn)方案,其中之一是通過@font-face屬性在網(wǎng)頁中嵌入自定義字體,主流的瀏覽器都支持這項技術(shù),具體實現(xiàn)例子將在下一篇文章介紹,本文介紹主要的幾種Web字體格式及各瀏覽器兼容情況。

Web字體格式介紹

TrueType (.ttf)

Windows和Mac系統(tǒng)最常用的字體格式,其大的特點就是它是由一種數(shù)學模式來進行定義的基于輪廓技術(shù)的字體,這使得它們比基于矢量的字體更容易處理,保證了屏幕與打印輸出的一致性。同時,這類字體和矢量字體一樣可以隨意縮放、旋轉(zhuǎn)而不必擔心會出現(xiàn)鋸齒。

EOT – Embedded Open Type (.eot)

嵌入字體格式(EOT)是微軟開發(fā)的一種技術(shù),允許 OpenType 字體嵌入到網(wǎng)頁并可以下載至瀏覽器渲染,瀏覽器根據(jù) CSS 中 @font-face 的定義,下載,渲染這種 .EOT 后綴的字體文件。這些文件只在當前頁活動的狀態(tài)下,臨時安裝在用戶的系統(tǒng)中。

OpenType (.otf)

OpenType是一種可縮放字型(scalable font)電腦字體類型,采用PostScript格式,是美國微軟公司與Adobe公司聯(lián)合開發(fā),用來替代TrueType字型的新字型。這類字體的文件擴展名為.otf,類型代碼是OTTO,現(xià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年末將其字體庫全部改用OpenType格式。

WOFF – Web Open Font Format (.woff)

相對于 TrueType 和 OpenType ,WOFF(Web開發(fā)字體格式)是一種專門為了 Web 而設(shè)計的字體格式標準,它并不復雜,實際上只是對于 TrueType / OpenType 等字體格式的封裝,并針對網(wǎng)絡(luò)使用加以優(yōu)化:每個字體文件中含有字體以及針對字體的元數(shù)據(jù)(Metadata),字體文件被壓縮,以便于網(wǎng)絡(luò)傳輸,并且不包含任何加密或者 DRM 措施。包括 Adobe、 Lino Type、Monotype 在內(nèi)的幾乎所有主要的字體供應商都加入到支持 WOFF 的行列中來

SVG (Scalable Vector Graphics) Fonts (.svg)

顧名思義,就是使用SVG技術(shù)來呈現(xiàn)字體,還有一種gzip壓縮格式的SVG字體.svgz。SVG可縮放矢量圖形(Scalable Vector Graphics)是基于可擴展標記語言(XML),用于描述二維矢量圖形的一種圖形格式。SVG由W3C制定,是一個開放標準。SVG嚴格遵從XML語法,并用文本格式的描述性語言來描述圖像內(nèi)容,因此是一種和圖像分辨率無關(guān)的矢量圖形格式。SVG可以使你設(shè)計的網(wǎng)頁可以更加精彩細致,使用簡單的文本命令,SVG可實現(xiàn)色彩線性變化、路徑、自定義字體、透明效果、濾鏡效果等各式常見的圖形圖像效果。

字體格式轉(zhuǎn)換工具

EOTFast

這個工具我剛用過,非常好用的一個工具,用于把TTF文件轉(zhuǎn)為EOT格式。

Microsoft WEFT

微軟提供的字體格式轉(zhuǎn)換工具。

Microsoft WEFT

ttf2eot

可以轉(zhuǎn)換TTF文件為EOT格式。

ttf2eot Command Line Utility

另外推薦幾個在線的轉(zhuǎn)換工具:

1、http://ttf2eot.sebastiankippe.com

2、http://www.cuvou.com/wizards/ttf2eot.cgi

3、http://onlinefontconverter.com/

如果想把OTF文件轉(zhuǎn)為TTF格式,可以使用FontForge來轉(zhuǎn)換。

瀏覽器兼容性一覽

使用CSS3的@font-face屬性可以實現(xiàn)在網(wǎng)頁中嵌入任意字體(其實IE4就支持這個屬性了,后來這個屬性加入到了CSS3中),但是IE只支持微軟自有的EOT格式字體,而其他瀏覽器都不支持這一字體格式,其它瀏覽器可以設(shè)置TTF(TrueType)和OTF(OpenType)兩種字體作為自定義字體,瀏覽器對@font-face屬性及各種字體格式支持詳?shù)募毲闆r如下:

分享標題:Web字體格式介紹及瀏覽器兼容性一覽
網(wǎng)站地址:http://m.rwnh.cn/news/215593.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、微信公眾號企業(yè)網(wǎng)站制作、ChatGPT、電子商務(wù)、網(wǎng)站排名

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名
滁州市| 遂川县| 衢州市| 广河县| 苏州市| 广安市| 淳安县| 庆安县| 蛟河市| 仪陇县| 武穴市| 苗栗县| 湟源县| 佳木斯市| 应用必备| 岢岚县| 西青区| 新沂市| 武陟县| 海盐县| 潼南县| 正安县| 扎鲁特旗| 东乡| 望奎县| 鹤峰县| 张家界市| 陆川县| 六枝特区| 进贤县| 砚山县| 京山县| 元朗区| 奎屯市| 九台市| 黔西县| 五家渠市| 邻水| 年辖:市辖区| 芜湖县| 涟源市|