網(wǎng)站建設(shè)中到底有什么自定義字體格式

2017-10-04　瀏覽：150
網(wǎng)站建設(shè)中自定義字體或者自定義字體圖標(biāo)有很多格式，ttf,svg,woff,eot,woff2等。
每種字體都有兼容的瀏覽器版本。

1、TureTpe(.ttf)格式：
.ttf字體是Windows和Mac的最常見的字體，是一種RAW格式，因此他不為網(wǎng)站優(yōu)化,支持這種字體的瀏覽器有(IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+)；
2、OpenType(.otf)格式：
.otf字體被認(rèn)為是一種原始的字體格式，其內(nèi)置在TureType的基礎(chǔ)上，所以也提供了更多的功能,支持這種字體的瀏覽器有(Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+)；
3、Web Open Font Format(.woff)格式：
.woff字體是Web字體中最佳格式，他是一個(gè)開放的TrueType/OpenType的壓縮版本，同時(shí)也支持元數(shù)據(jù)包的分離,支持這種字體的瀏覽器有(IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+)；
4、Embedded Open Type(.eot)格式：
.eot字體是IE專用字體，可以從TrueType創(chuàng)建此格式字體,支持這種字體的瀏覽器有(IE4+)；
5、SVG(.svg)格式：
.svg字體是基于SVG字體渲染的一種格式,支持這種字體的瀏覽器有(Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+)。
這就意味著在@font-face中我們至少需要.woff,.eot兩種格式字體，甚至還需要.svg等字體達(dá)到更多種瀏覽版本的支持。

最好是具備以上的所有格式，如果只有某一種格式，造成網(wǎng)頁圖標(biāo)顯示不正常，我們可以相互轉(zhuǎn)，百度下字體格式轉(zhuǎn)式，會(huì)出來一些字體格式轉(zhuǎn)換網(wǎng)站，我們根據(jù)需要進(jìn)行轉(zhuǎn)換。

上一條: 義烏網(wǎng)站建設(shè)服務(wù)商洲盾分享網(wǎng)站建設(shè)時(shí)間
下一條: 送送送即日起網(wǎng)站建設(shè)完成整個(gè)項(xiàng)目資料文件打包交付

新聞資訊

相關(guān)資訊