免费在线观看污视频,中文在线а√在线,亚洲欧洲国产精品久久

阿里字體庫怎么用？分享阿里寶卡使用詳細教程

香香 ? 2023年3月25日 08:52:44 ? 好文推薦 ? 閱讀 655

Google Fonts免費字體網站提供相當大量的中英文字體下載，如果要運用于網站，也能立即用于內嵌代碼，以Webfont形式在瀏覽器開啟網頁時快速加載字體檔。一般來說，英文字體運用在網頁中幾乎沒什么太大問題，但中文因為字體檔案太大、授權等問題，就必須借助一些技術來加快加載速度，避免影響使用者讀取網站，例如使用Typekit、Google Fonts加載思源黑體提升文字顯示質感（不過后者仍在測試階段）。不過如果你的訪客多半來自國內，礙于國內的網絡環境情況較為特殊，使用Google Fonts可能因為無法正常加載字體而拖慢整體速度，就只能選擇替代方案，你總不會希望因為字體無法順暢加載而損失大量訪客。本文要介紹的「Iconfont」是一款來自國內阿里巴巴的向量圖標庫服務，可以在線儲存、格式轉換圖標，本身也有免費的中文網頁字體Webfont動態用于功能，在Iconfont.cn中文字體庫中收錄包括思源黑體、思源宋體、楊任東竹石體、站酷小薇體、阿里智能漢儀黑體、站酷高端黑體、廈門正道標題體等等。使用Iconfont無須注冊或付費，直接從網頁端就能用于嵌入代碼和連接，網址部分是由阿里巴巴提供的CDN，加載速度很快，把要用于為字體的文字制作成ttf、eot、woff和svg格式，網站也會直接給出代碼和前端套用說明。站點名稱：Iconfont Webfont 網站連接： http://www.iconfont.cn/webfont 教程網址：www.52yunying.cn 使用教學

STEP 1

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

STEP 2

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

STEP 3

最后，點選「引用在線地址」用于@font-face和相關檔案嵌入語法，只要把代碼加入你的樣式表就能加載該字體，如果對于套用方式不夠熟悉，點選「前端應用幫助」連接取得更多更深入的使用說明。

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

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