題 如何在Photoshop和Fireworks中使用Font Awesome?


所以我下載了 字體真棒 並安裝了字體。現在我想在Photoshop和Fireworks的設計中使用這種字體。

我該怎麼辦?


76
2018-01-11 12:23


起源


www.whatdafontawesome.co.uk選擇左上方的設計,雙擊圖標。 - Luke Snowden


答案:


我發現了一個適合我的解決方案。只需下載並安裝字體即可 字體真棒網站。然後,使用 Font Awesome Cheatsheet 在Photoshop和Fireworks中復制和粘貼圖標。 (或Illustrator或您想要使用的任何內容)

完美的工作!


112
2018-01-16 18:53



應該注意的是,您需要雙擊圖標本身然後復制它。不是parantheses中的代碼。那樣不行。 - Mathias Lykkegaard Lorenzen
嗨,我在Adobe Fireworks中使用它。這在我重新啟動煙花後才對我有用。此外,在備忘單本身,你不必首先點擊並加載圖標,在列表本身,只需突出顯示圖標(而不是文本)並複制它,然後使用煙花中的文本工具並粘貼它。如果你看到一個看起來像正方形的東西,只需突出顯示正方形並選擇字體 - 真棒字體 - Paul Preibisch
什麼@MathiasLykkegaardLorenzen說應該是答案的一部分:)我花了最後10分鐘嘗試以不同的方式複制粘貼代碼。 - Imran Bughio
我想這確實有效,但我需要從其他程序中復制,如Inkscape或Word,然後粘貼到Keynote。 - David Silva Smith
它也適用於Flash。 - pzv


這對我有用。

  1. 從下載FontAwesome http://fortawesome.github.io/Font-Awesome/
  2. 將字體文件從“font-awesome / font”複製到您的計算機字體目錄(適用於Mac:Applications / Font Book)
  3. 從中選擇並複制所需的圖標 http://fortawesome.github.io/Font-Awesome/cheatsheet/ 並選擇FontAwesome字體系列粘貼到photoshop中。

19
2017-07-11 15:47



這應該是公認的答案。沒有安裝任何第三方應用程序,只是工作。 - lee_mcmullen
@lee_mcmullen這與接受的答案完全相同。 - Kriem


所有這些答案都是正確的,但他們都缺少一個細節。這是做什麼的:

  1. 如果您有舊版本的FontAwesome,請從您的計算機上卸載它。
  2. 下載並安裝FontAwesome(http://fortawesome.github.io/Font-Awesome/  - 頂部的大黃色下載按鈕)
  3. 轉到FontAwesome備忘單(http://fortawesome.github.io/Font-Awesome/cheatsheet/
  4. 雙擊並複制要使用的實際圖標(無文本或unicode)。
  5. 在Photoshop中,選擇文本工具,單擊文檔以創建文本圖層,然後粘貼圖標。

我花了很長時間使用移動工具(默認光標)並嘗試在該工具中粘貼。它不起作用。你必須創建一個文本層並粘貼在那裡。


7
2017-08-29 06:15





將圖標從備忘單複制並粘貼到文本字段,然後為每個圖標創建輪廓,aurevilly的插圖文件已過時且不包含標籤,這有點煩人。

所以我做了一個 插畫家檔案 包含Font Awesome 4.0.0中的所有圖標作為其標籤旁邊的矢量路徑,用於快速縮小圖標並將其複制/粘貼到Photoshop,Fireworks,Sketch等。

請確保按照其他答案安裝最新的Font-Awesome.otf 4.0.0。


4
2017-10-25 22:59





字體真棒到PNG 讓我們從字體中提取完美大小的PNG。這很棒。

如果您在Mac上安裝,請按照以下步驟操作: https://github.com/odyniec/font-awesome-to-png/issues/9


2
2017-10-01 16:46