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















