完整的導入工具

原本在使用Web Font之前,使用者必須先熟悉HTML、CSS、及JavaScript等程式語言。 威鋒數位在了解各級層面的使用需求後,開發了不同的導入工具,目的是讓使用者方便套用Web Font,其中也包含了讓完全不懂HTML、CSS、及JavaScript等技術的使用者,可輕鬆地套用Web Font。為了提供最佳的瀏覽者觀看效果,我們開發了獨家技術,讓使用者可以用最快的速度顯示Web Font效果。

華康威font提供了六種導入工具:

CSS載入方式解決方案
  • Web Editor
  • CSS Generator
  • Dreamweaver Plugin
JavaScript載入方式解決方案
  • JavaScript Generator
其他技術支援解決方案
  • Font Extractor
  • Web Service API

華康威font同時提供CSS與JavaScript載入Web Font的方式,能分別適用於網頁中靜態與動態的應用。

CSS套用方式 JavaScript套用方式
適用於網頁 靜態,不須頻繁修改的網頁 動態,經常變動的網頁
顯示速度 較快 稍慢
編輯步驟 稍多 較少

使用CSS載入方式編排Web Font時,會先確認文章內容及使用的字體,預先將文字從字體檔案抽取存放,使用這樣的方式,能提供使用者快速且較佳的瀏覽體驗。由於使用CSS載入方式,需要一一針對文章內容進行編輯修改,所以對於經常變動內容的網頁來說,網頁編輯人員後續編排的步驟將會增加。
相對而言,雖然JavaScript載入方式的字體顯示效果,較CSS載入方式慢,但其優點就是每次顯示網頁文字時,Web Font字體檔都是瀏覽內容的當下立即抽取出來產生的,所以經常會看到,當網頁有使用Web Font時,會先出現系統預設字體,然後才替換成所選擇的Web Font字體。

根據CSS及JavaScript載入方式兩者不同的優點,華康威font提供非常完整的解決方案,方便不同應用的使用者選擇較合適的方式。

Web Editor CSS Generator Dreamweaver Plugin JavaScript Generator Font Extractor Web Service API
使用類型 CSS CSS CSS JavaScript 無關使用 呼叫後返回CSS碼
具備程式設計能力 不須 CSS技術 CSS技術 HTML 不須 前後端程式設計能力
使用方式 登入使用 登入使用 Dreamweaver中使用 登入使用 離線使用 在自己的程式編輯軟體中呼叫使用
使用人員 個人/部落客 網頁前端設計人員 網頁前端設計人員 網頁前端設計人員 電子書製作人員 後端程式設計人員
使用方向 Blog 網頁製作 網頁製作 網頁製作 電子書 Web Service/APP

支援多種字體格式轉換

華康威font所有產品皆支援IE8版本以下的EOT檔案,及主流的WOFF檔案,分別提供IE8版本以上或其他瀏覽器(Chrome、FireFox、Safari…等)使用。這兩種Web Font格式,皆為電腦系統中TrueType壓縮後的檔案格式。
若您有不同的需求,如需要使用SVG Font可縮放向量圖形、或是支援Flash的SWF檔案格式、甚至是最新的WOFF2格式,皆可透過我方技術支援導入方式中的Font Extractor轉換出。

EOT WOFF SVG Font SWF(TLF) WOFF2
支援平台 IE6~ 其他主流瀏覽器&IE9~ Safari 在Flash中使用 FireFox、Chrome、Opera
大小比較(與TTF比較) 約40% 約40% 約60%
使用方向 專屬IE使用 主流流覽器使用 專屬可縮放向量圖形需求使用 使用於Flash Web Font最新規格,主流流覽器紛紛支援中
華康威font 工具支援 全系列 全系列 Font Extractor Font Extractor Font Extractor

華康威font加入特效

一般網頁上使用字體方式大多轉成圖片方式呈現,透過繪圖軟體的編輯,圖上的文字呈現也五花八門。若是改用Web Font技術呈現,很多人擔心是否無法再增加任何特效。
由於Web Font是透過W3C的CSS規範所制定呈現,而CSS也制定了特效的相關語法,所以只要在Web Font上加入CSS字體特效的描述,一樣可以讓Web Font生動活潑起來。