華康威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」:

font-family:"Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft JhengHei"
 

以上程式碼內容,指的是網頁在各平台字型呈現的順序,也就是說,如果觀看的使用者系統有安裝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數跨續約將重新計算,不可累計。

 

 

其他推薦產品

華康珍藏 專業版

華康珍藏 基本版