有字庫是全球第一中文Web Font(網絡字體)服務平臺。
我們致力于美化網頁界面,降低網頁設計和維護的難度,同時提升效率。
Web Font 的服務在國外已經比較普及, 著名的有Google Fonts、Typekit等網站,但是國內在中文Web Font上面一直是一片空白,眾多中文網站設計者們只能望洋興嘆。 有字庫為此應運而生。
在正式介紹插件以前,先來普及下有字庫能夠干什么,換句話說,就是其特色功能。由于官方的介紹比較長,在本文我就簡略描述下,需要具體了解的可以通過我給的鏈接查看。
在線字體:
通過按需截取的方式生成小字庫(可以小到幾十K,甚至幾K),有效控制了字體文件的大小,使中文也加入了網絡字體的陣營。
解決了之前由于中文字體過于龐大,小則三五兆,大則十幾兆,在線字體只流行于英文網站的情況。
美化網頁:
現在已經不是萬維網初期的草莽時代,用戶們對網頁的效果越來越挑剔。
由于網頁中最主要的元素莫過于字體了,所以要根據不同的場景,采用不同風格的字體。
全面兼容:
常見的都支持,不過有一點點兒版本限制,基本可以忽略不計負面影響。
極速穩定:
采用了阿里云的存儲與CDN服務,即使官網宕機,其服務依舊可用。
簡單易用:
有字庫有三種調用方式,第一種是CSS引用方式,第二種是Javascript引用方式,第三種就是用有字庫的SDK 。
而我這次介紹的,就是第三種方法――官方開發的WordPress插件。
百度云盤下載地址: https://pan.baidu.com/s/1nvPm8Nv
托管獨享:
這是針對商業客戶的功能,為了客戶方便使用其購買的商業字體開發的。
有字庫對你從方正、蒙納能字體廠商處購買的字體進行托管,該字體只有你自己才能使用,其他人無權使用。
要了解更多,可訪問有字庫官方:http://www.youziku.com/introduce/index
接下來的是我個人認為的一點優勢:
第一,其字庫服務使用了安全證書,能有效保證網站的綠鎖正常。使用最新版的Chrome瀏覽器的人可能深有體會,沒錯,就是上面會有大大的“安全”字樣。
第二,每個月贈送10萬庫幣,個人用戶使用基本上不用出太多的錢。
第三,這個是我潛伏在群里看他們聊天發現的。如果你對你的字特別有信心,有字庫可以免費幫你把自己的字制作成字體,然后進行托管使用。
第四,暫時沒發現,先占坑留著。接下來,就正式開始介紹其插件的使用步驟了。
第一,下載插件。百度云盤下載地址: https://pan.baidu.com/s/1nvPm8Nv
選擇其較新的版本,點擊下載到電腦桌面。
下載完成以后對壓縮包名稱進行重命名,比如我的是“youziku”。
第二,安裝插件。
登錄WordPress后臺,點擊 插件 》 安裝插件 》 上傳插件 》 選擇文件 》現在安裝。安裝完成以后,會跳轉到成功界面。點擊下面的啟用插件,進入下一步的設置。
第三,設置插件。
進入有字庫官網,注冊并登錄帳號。點擊個人中心進入我的賬戶。點擊接口白名單,添加要使用服務的域名,通常只需添加其一級域名(不帶 www. 的部分),默認的帶 www. 的二級域名就會自動添加上。
接下來,鼠標移動到WordPress后臺的左側邊欄的有字庫設置,會彈出“有字庫設置”和“初始化設置”。點擊初始化設置,填入有字庫分配的ApiKey和UserKey。
進入有字庫官網,點擊在線字庫。選擇你喜歡的字體進行收藏,至少選擇兩款字體,一款標題字體和一款內容字體。
然后導入你收藏的字體,并保存更改。如果以后收藏了更多的字體,再次重復其操作。我們也可以在這里導出其字體設置,并妥善保存,以便日后不時之需。
點擊“初始化設置”上方的“有字庫設置”,選擇合適的文章標題字體和文章內容字體,保存更改并應用到所有文章。特別提示,下方的自定義字體設置部分,需要使用者個人有較扎實的前端知識,適合網頁設計師和前端工程師等專業人士使用,這里就不多說了。
到了這里基本上就設置完成了。如果你只是想測試一下,上一步中只需選擇相關字體并保存更改,不用應用到所有文章。隨機選擇一篇文章,點擊編輯器上方的綠色有字庫標識,選擇合適的字體,把代碼插入到文中,然后進行文章更新。多刷新幾遍,然后就可以看到具體效果了,如下圖。
新聞熱點
疑難解答
圖片精選