<-- IE錯誤修正 --> Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2018-09-16
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站

Click the image to open in full size.

Google Fonts 免費字型網站提供相當大量的中英文字型下載,如果要運用於網站,也能立即產生內嵌程式碼,以 Webfont 形式在瀏覽器開啟網頁時快速載入字型檔。一般來說,英文字型運用在網頁中幾乎沒什麼太大問題,但中文因為字型檔案太大、授權等問題,就必須借助一些技術來加快載入速度,避免影響使用者讀取網站,例如使用 TypekitGoogle Fonts 載入思源黑體提升文字顯示質感(不過後者仍在測試階段)。



不過如果你的訪客多半來自中國,礙於中國的網路環境情況較為特殊,使用 Google Fonts 可能因為無法正常載入字型而拖慢整體速度(雖然目前好像已經解除封鎖),就只能選擇替代方案,你總不會希望因為字型無法順暢載入而損失大量訪客。

本文要介紹的「Iconfont」是一款來自中國阿里巴巴的向量圖示庫服務,可以線上儲存、格式轉換圖示,本身也有免費的中文網頁字型 Webfont 動態產生功能,在 Iconfont.cn 中文字型庫中收錄包括思源黑體、思源宋體、楊任東竹石體、站酷小薇體、阿里智能漢儀黑體、站酷高端黑體、廈門正道標題體等等。

使用 Iconfont 無須註冊或付費,直接從網頁端就能產生嵌入程式碼和鏈結,網址部分是由阿里巴巴提供的 CDN,載入速度很快,把要產生為字體的文字製作成 ttf、eot、woff 和 svg 格式,網站也會直接給出程式碼和前端套用說明。

網站名稱:Iconfont Webfont
網站鏈結:http://www.iconfont.cn/webfont

使用教學

STEP 1

開啟 Iconfont Webfont 工具,會看到預先載入的網頁字型包括思源黑體極細、粗、超粗和一般常規的字重樣式。

Click the image to open in full size.

STEP 2

從左側點選新增加入更多字型,在 Iconfont.cn 提供其他中文字型,點選後會加入,即時套用你當前的字型,那麼如何以 Iconfont 產生需要的特殊字型呢?直接在上方輸入要用的文字後點選「生成字體」產生對應的嵌入程式碼和相關檔案。

Click the image to open in full size.

STEP 3

最後,點選「引用線上地址」產生 @font-face 和相關檔案嵌入語法,只要把程式碼加入你的樣式表就能載入該字體,如果對於套用方式不夠熟悉,點選「前端應用幫助」鏈結取得更多更深入的使用說明。

Click the image to open in full size.

在說明幫助裡就有使用 font-face 聲明字型、定義使用 Webfont 樣式、為文字加入對應樣式等等範例程式碼,因為是中文說明應該不會太難懂,有需要的朋友可自行研究一下。

Click the image to open in full size.

不過就我的實際操作試用,Iconfont 和 Google Fonts、Typekit 這類 Webfont 還是有點不太一樣的,Iconfont 只能針對你預先設定好的文字加入網頁字型效果,無法動態抓取完整內容自動載入特定字型,但類似功能依然有其可用性,如果要做網頁設計需要在一些標題或部分文字加入特殊字型,且你的訪客多半來自中國,Iconfont 或許可以一試。

值得一試的三個理由:
  1. 提供向量圖示庫、中文網頁字型動態產生功能
  2. 多種中文字型可供選擇
  3. 一鍵產生相關檔案,內嵌程式碼使用阿里雲 CDN
喜歡 Iconfont.cn 阿里巴巴免費向量圖示庫,可產生中文網頁字型嵌入網站 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 Google+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +8。現在的時間是 07:40 PM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2018,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2