
華康威Font - (DFO Option)
DynaFont Online(DFO,又稱華康威Font),專門提供網頁用字服務,讓終端瀏覽者在不同平台的使用環境中,都可以輕鬆瀏覽網頁創作者所使用之網頁字型。
使用DFO服務,讓網頁設計更簡單!
產品詳細資訊
關於Web Font
網頁變換字型
Web Font 為網頁上替換字型的服務。網頁可讀取並顯示網路上的圖片、影音等多媒體資料,當然一樣也可以讀取字型。如同將多媒體資料存放於網路平台上提供網頁讀取,字型也一樣需要存放在網路平台上,否則網頁便僅能讀取本地端的字型檔。有安裝字型檔的裝置可以看到網頁上指定的字型,而未安裝的裝置,網頁呈現結果則會跳回該裝置上預設的系統字型。正因如此,網頁設計師精心設計的美好畫面,會因不同裝置環境而有差異性的呈現,造成困擾。
網頁上字型的呈現
一般網頁上除了系統預設字型外,要顯示特殊字型,若不採用Web Font的服務,都是透過文字轉成圖片方式顯示。網頁介面設計師先使用繪圖軟體將圖文編排好後,再轉換成圖檔呈現。
文字轉圖片 | Web Font | |
---|---|---|
放大 | 失真模糊 | 向量字型,呈現不失真 |
檔案連結遺失 | 在原有圖示上出現圖片遺失符號 | 變回系統預設字型,但內容不會消失 |
文字搜尋選取複製 | 已轉換為圖片,失去文字所有的特性 | 可供搜尋、選取、複製 |
SEO | 差 | 佳 |
後續修改文字 | 須請繪圖人員重製 | 可直接修改內容 |

Web Font原理
網頁中Web Font的使用方式,主要是由W3C協會所制定。其制定了在網頁上的樣式(CSS)呈現,也制定了網頁上字型套用CSS後的呈現規範。在任何一個網頁中檢視原始碼,你一定會看到CSS語法的關鍵字「font-family」:
以上程式碼內容,指的是網頁在各平台字型呈現的順序,也就是說,如果觀看的使用者系統有安裝Helvetica Neue字型檔,則會被優先讀取,若無安裝,則呈現第二順位的Helvetica字型,以此類推。由於每個平台所安裝的字型內容不一定一致,所以網頁在每個平台上的字型顯示也會不一樣。而網頁介面設計師若套用此CSS語法改變字型,所改變的是網頁讀取本地端平台的字體順序。其實,這個語法同樣也支援讀取雲端中的字型檔案。
雲端的字體檔案
把字型放在雲端上,讓網頁使用CSS語法的font-family去讀取,原則上是可以讓字型呈現,但有兩點需要注意:
1.瀏覽器的支援
2.字型檔案的大小
每個瀏覽器對CSS語法的支援程度不同,對於字型檔案的支援程度也不一樣,並非每個瀏覽器都支援TrueType(*.ttf)格式或是OpenType(*.otf)格式,所以首先需要做格式上的轉換。目前市面上主流的Web Font格式,包含WOFF與EOT兩種格式,分別支援IE、Chrome、Safari 與FireFox等主流的瀏覽器。
另外,當字型檔案放上雲端後,也必須考量其容量,字型檔案太大,在網頁上顯示的速度就會相對變慢。如日文字型檔案因為包含上萬字數,所以相對於只包含純英文符號的字型檔案大得多。一般日文字型檔案動輒10MB以上,當一個網頁中使用到該10MB的字型檔,無論網頁中用到的是一個字或是一千個字,瀏覽器都會先將完整字型檔案下載後再行顯示。對於瀏覽者來說,開啟此網頁時,會先等候一陣子,待字型檔完整下載後才會呈現。對於伺服器端來說,整體主機效能會受到影響,網路傳輸的成本也將增加。因此在網頁上使用Web Font,若能針對不同的瀏覽器,提供對應的格式,並進行大幅度的壓縮,即可既享有Web Font的優勢,又不被顯示效果及速度所困擾。
Web Font使用方式
一般Web Font使用方式分成兩種:
1.插入CSS語法
2.載入JavaScript
插入CSS語法是最直接的使用方式。CSS語法的內容,包含了字型的資訊以及檔案的來源,網頁設計師只要把該語法整合到自己的CSS文件中即可套用字型效果。
而載入JavaScript方式,能直接在程式碼中加入流程管控,如確認使用者的身分、使用的網域URL、可供使用的字體、該網頁使用到的字型並且轉檔、字型使用量等資訊。
DFO optin | 2,500 NT / 100萬PV |
PV服務有效期間(※1) | 華康珍藏(※2)訂閱有效期間內可使用。 |
內容 | 1.共收錄 478套字型 |
2.沒有網域限制 | |
3.可用於商用、非商用途網站顯示(※3) | |
4.各種Web導入工具 |
(※1)PV有效期限,將跟隨華康珍藏主約授權期間而運作,若您的華康珍藏訂閱到期,您所剩餘之PV額度也隨之失效。
(※2)跟隨主要產品:華康珍藏-專業版、華康珍藏-基本版
(※3)華康珍藏基本版加購DFO option僅能使用於用戶所擁有之網站
Windows及Mac環境
瀏覽器 | 版本 |
IE | 6以後 |
Edge | 13以後 |
Firefox | 3.6以後 |
Chrome | 5以後 |
Safari | 5.1以後 |
Opera | 11.5以後 |
智慧型手持裝置環境
瀏覽器 | 版本 |
iOS Safari | 5.1以後 |
Android Browser | 4.4以後 |
Chrome for Android | 46以後 |
Firefox for Android | 42以後 |
Opera Mobile | 12以後 |
IE Mobile | 10以後 |
Blackberry Browser | 7以後 |
以JavaScript等Script程式語言直接指定字碼顯示文字,在某些瀏覽器或版本下,可能無法正確顯示。
[額外購買的PV額度]
在訂購(華康珍藏-專業版/基本版)有效期間內,您可持續使用直至PV額度用罄。但是,如果您在訂購產品到期且並未續約時,跟隨訂購產品之服務以及剩餘PV數將一併失效。
附註1)若PV數量不足,可另外加購。
附註2)在契約期內,上述PV額度不可挪用,包含同帳號不同產品授權、同所有人不同帳號之間。
附註3)若您在珍藏專業版合約期間,進行追加台數,此方案則無贈送PV數
・原則上,華康威Font不受理退換貨。
・華康珍藏主契約到期或解除契約時,華康威Font 服務將同時無法使用。
・使用DynaFont Online(DFO:華康威Font)的網頁進行一次瀏覽,則計為1PV。
・若您在珍藏專業版合約期間,進行追加台數,此方案則無贈送PV數。
說明事項
1. 本產品使用方式請遵照「產品使用授權書」。
1. DFO option 最小購買單位為100萬PV。
2. 若您在購買頁面中輸入5則代表購買5百萬PV,金額則是12,500 NT。
尚未有華康珍藏產品:
華康珍藏專業版(*)
華康珍藏基本版
已有華康珍藏之產品,但須加購PV數,請於下列頁面中,使用「追加台數/PV數」進行加購:
華康字型會員專區/華康珍藏系列產品購買紀錄
(*)附註: 若您購買華康珍藏專業版一年,則贈送1百萬免費PV使用。若您購買華康珍藏專業版三年,合約期間,則贈送3百萬PV免費使用,其PV數跨續約將重新計算,不可累計。