CSS呼叫遠端字型

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

@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字型渲染的一種格式。

CSS呼叫遠端字型

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

按照字型名稱呼叫字型

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

css字型樣式

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