Font Awesome在iOS中的使用和注意事項

2021-09-18 02:44:12 字數 1909 閱讀 9704

簡單說,它是一套圖示字型庫。 在ios中用uilabel顯示圖示,就不用ui設計師切圖了。究其原理,實際font awesome就是一套字型,只是顯示出來的樣子不是我們常見的文字。通過unicode去顯示實際樣式,和漢字顯示是一樣一樣的。

這是中文官網

注意:中文官網版本落後於英文官網

注意: 拖入時要勾選工程,否則工程引用不到。如果引用成功,可以在build phase中看到:

以上**就可以實現icon顯示

"fontawesome5free-solid"並不是字型庫檔名。這是乙個特定名稱。可以用**獲取:

nsstring *path = [[nsbundle mainbundle] pathforresource:@"font awesome 5 free-solid-900" oftype:@".otf"];

nsurl *fonturl = [nsurl fileurlwithpath:path];

cgdataproviderref fontdataprovider = cgdataprovidercreatewithurl((__bridge cfurlref)fonturl);

cgfontref fontref = cgfontcreatewithdataprovider(fontdataprovider);

cgdataproviderrelease(fontdataprovider);

ctfontmanagerregistergraphicsfont(fontref, null);

nsstring *fontname = cfbridgingrelease(cgfontcopypostscriptname(fontref));

fontname就是字型庫名。

把otf拖入編輯視窗,就可以檢視所有圖示的unicode

上面已經說過,切記。

font awesome官網提供免費版和收費版字型庫。免費版提供一千五百多個圖示(version5.8.1),收費版提供五千多個。一般情況下免費版就夠用了,如果不夠,就付費用pro版,或者讓勞駕ui設計師切圖。

在使用過程中,如果哪個步驟有誤,可能會出現兩種顯示異常的情況:

第一種:圖示顯示乙個問號「?」。

第二種:圖示顯示三個點「···」。

第一種錯誤的原因,是沒有找到字型庫或者字型庫中沒找到對應的圖示。這就要檢查字型庫檔案是否正確引入到工程、plist檔案是否新增了字型庫、**中fontname是否正確、**中因使用圖示的unicode是否正確。

第二種錯誤的原因,字型設大了,比uilabel的frame大,顯示不下了。

ios例子工程(github)

完結!

在 ExtJS 中使用 Font Awesome

font awesome 是目前最流行的圖示方案之一,是一套優質的圖示字型庫以及 css 圖示框架。相對於傳統的作為圖示,字型圖示支援自適應調節大小 可以使用字型的一些特性調整風格 顏色 大小 字型陰影 更小的檔案體積。根據你或者專案的程式設計習慣,你可以通過以下幾種方式獲取最新版的 font aw...

Font Awesome應用詳解

align center size large font awesome應用詳解 size align b 1.1概述 b font awesome提供可縮放的向量圖示,可以使用css所提供的所有特性對其進行更改,包括 大小 顏色 陰影或者其它任何支援的效果。font awesome的缺點是 對ie...

Font Awesome使用簡介

font awesome 是一種用字型來實現圖示的 css外掛程式。使用方法 到 包解壓到本地後,結構如下 在網頁中引用 css font awesome.css 或者css font awesome.min.css 比如 在網頁中用如下的方式來顯示圖示。效果如下 既然是一種字型,就可以通過改變字型...