CSS呼叫遠端字型

2021-09-09 00:06:29 字數 830 閱讀 3455

css中的@font-face方法可以呼叫伺服器端的字型。

demo 可以參考:

@font-face

相容性的情況,chrome、firefox、opera均沒有問題,ie系列不支援 .ttf 和 .otf。相容ie需要 .eot 或者 .woff 的字型格式。

看了[參考資料

1]的文章,使用 font-face 有不需要本地字型檔支援就能夠保持字型樣式一致,而不必使用代替的優勢,缺點就是有可能會消耗載入的時間。

那麼為了更好的使用font-face,我們需要做的就是提高字型的載入及響應時間。

對於字型的format,主要有以下幾種字型:

1、truetype(.ttf)格式。

.ttf 字型是windows和mac的最常見的字型,是一種raw格式。

2、opentype(.otf)格式。

.otf字型被認為是一種原始的字型格式,其內建在truetype的基礎上,提供了更多的功能。

3、web open font format(.woff)格式。

.woff字型是web字型中最佳格式,是乙個truetype的壓縮版本,同時也支援原資料報的分離。

4、embedded open type(.eot)格式。

.eot字型是ie專用字型,可以從truetype建立此格式字型。

5、svg(.svg)格式。

.svg字型是基於svg字型渲染的一種格式。 1、

css呼叫伺服器端字型的利與弊

2、google webfonts

3、eot網頁字型嵌入技術

4、5、

css的font-face

CSS呼叫遠端字型

css中的 font face方法可以呼叫伺服器端的字型。font face 相容性的情況,chrome firefox opera均沒有問題,ie系列不支援 ttf 和 otf。相容ie需要 eot 或者 woff 的字型格式。看了 參考資料1 的文章,使用 font face 有不需要本地字型檔...

按照字型名稱呼叫字型

按照字型名稱呼叫字型 第1個問題 你如何指示瀏覽器顯示你希望的字型?僅僅在字模後面鍵入字型的名稱就行了嗎?很可惜,事情還不是這麼簡單,字型在各個操作平台之上叫的名稱可能會有變化。比如,courier在mac機上叫做courier new。在一台機器上可能叫italic的字型在另一台機器上可能就叫做o...

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...