1. 首頁
  2. »
  3. Photoshop
  4. »
  5. Font Awesome 官方推出的圖示字型檔安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示

Font Awesome 官方推出的圖示字型檔安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示

2021/06/30

梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
  Font Awesome 是目前相當主流的圖標套件,全球的市佔率擁有20%,可見大家對Font Awesome的喜好程度,先前梅干也曾分享過Font Awesome的Photoshop外掛,讓在Photoshop就可將Font Awesome的圖示,匯入到Photoshop中,讓在設計網頁版型時,更加的方便。

但隨著Photoshop更新後,那外掛就無法使用,因此每當在設計網頁版型時,當要使用到Font Awesome的圖示時,就得從官網中將圖示截取回來,但現在有更方便的方法,由Font Awesome官方所提供的圖示字型檔,安裝到電腦後,就可在Photoshop中,使用字型工具,將所要的Font Awesome圖示匯入,因此要怎麼來使用,現在就一塊來看看囉!


Font Awesome Desktop
Step1
在進入Font Awesome Desktop的下載頁面後,點右下方的下載鈕,就可將Font Awesome的圖示素材給下載回來。
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
Step2
當下載回來後,解壓縮再進到otfs資料夾,分別會看到三個字型檔,再依續的將這三組字型安裝到電腦裡。
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
Step3
而目前該字型檔,相對應的Font Awesome 圖示有,SolidRegularBrands,這邊梅干建議,要找什麼類型再勾什麼類別,才不會到時回到Photohsop中,要再一一的測試字型。
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
Step4
當找到喜歡的圖示後,點一下上方的小圖,將該圖示拷貝起來。
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
Step5
再到Photoshop貼上後,再選擇Font Awesome的圖示字型,鏘~鏘~這樣就可順利的顯示啦!
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便
Step6
當使用不同類型的圖示,就選得用相對應的字型才能顯示,否則會出現一個叉叉圖示,而透過Font Awesome官方所提供的字型檔,讓在使用上更穩定、也更快速,因此有在使用Font Awesome的朋友,也趕快來安裝一下由官方所提供的圖示字型檔吧!
梅問題-Font Awesome 官方推出圖示字型檔,可安裝到電腦中,讓Photoshop透過字型就可套用Font Awesome圖示,製作網頁版更方便