Web字型格式介紹及使用

2021-06-19 07:05:07 字數 1334 閱讀 8514

web字型格式介紹

truetype (.ttf)

windows和mac系統最常用的字型格式,其最大的特點就是它是由一種數學模式來進行定義的基於輪廓技術的字型,這使得它們比基於向量的字型更容易處理,保證了螢幕與列印輸出的一致性。同時,這類字型和向量字型一樣可以隨意縮放、旋轉而不必擔心會出現鋸齒。

存在於c:\windows\fonts, 可以使用ttf2eot軟體,將ttf格式的轉化為eot 格式

eot – embedded open type (.eot)

opentype (.otf)

opentype是一種可縮放字型(scalable font)電腦字型型別,採用postscript格式,是美國微軟公司與adobe公司聯合開發,用來替代truetype字型的新字型。這類字型的擴充套件名為.otf,型別**是otto,現行標準為opentype 1.4。opentype最初發表於2023年,並在2023年之後出現大量字型。它源於微軟公司的truetype open字型,truetype open字型又源於truetype字型。opentype font包括了adobe cid-keyed font技術。adobe公司已經在2023年末將其字型庫全部改用opentype格式。

woff – web open font format (.woff)

相對於 truetype 和 opentype ,woff(web開發字型格式)是一種專門為了 web 而設計的字型格式標準,它並不複雜,實際上只是對於 truetype / opentype 等字型格式的封裝,並針對網路使用加以優化:每個字型檔案中含有字型以及針對字型的元資料(metadata),字型檔案被壓縮,以便於網路傳輸,並且不包含任何加密或者 drm 措施。包括 adobe、 lino type、monotype 在內的幾乎所有主要的字型**商都加入到支援 woff 的行列中來

svg (scalable vector graphics) fonts (.svg)

顧名思義,就是使用svg技術來呈現字型,還有一種gzip壓縮格式的svg字型.svgz。svg可縮放向量圖形(scalable vector graphics)是基於可擴充套件標記語言(xml),用於描述二維向量圖形的一種圖形格式。svg由w3c制定,是乙個開放標準。svg嚴格遵從xml語法,並用文字格式的描述性語言來描述影象內容,因此是一種和影象解析度無關的向量圖形格式。svg可以使你設計的網頁可以更加精彩細緻,使用簡單的文字命令,svg可實現色彩線性變化、路徑、自定義字型、透明效果、濾鏡效果等各式常見的圖形影象效果。

瀏覽器字型支援

1. ie4 到 ie8 只支援 eot格式,需要將 ttf 字型轉化為 eot格式

web字型轉換

1. turetype格式的,直接使用 ttf2eot就行了。

iOS使用runtime設定字型格式

今天在cocoachina上看了一篇文章,是關於自定義字型格式樣式的,自己就學習了一下,然後在這裡和大家進行分享。要自定義字型樣式,我們必須要獲取ttf格式的字型樣式,這裡有乙個國外的 裡邊字型格式挺多的,大家可以收藏一下 已經上傳至github,位址是 廢話不多說,下面進行具體介紹。新建工程,將三...

Web字型格式介紹及瀏覽器相容性一覽

目前,文字資訊仍是 最主要的內容,隨著css3技術的不斷成熟,web字型逐漸成為話題,這項讓未來web更加豐富多彩的技術擁有多種實現方案,其中之一是通過 font face屬性在網頁中嵌入自定義字型,主流的瀏覽器都支援這項技術,本文介紹主要的幾種web字型格式及各瀏覽器相容情況。truetype t...

C richTextbox的 字型格式顏色

關於字型格式 設定的是第乙個字元的顏色,這時richtextbox的rtf中記錄下位置0的顏色,重置text時,在rtf中的位置從位置0開始,因此顏色還是color.red,第三次也應該同樣如此 richtextbox1.text 123 richtextbox1.select 0,1 richte...