Как я могу использовать Font Awesome в Photoshop и Fireworks?


77

Поэтому я скачал Font Awesome и установил шрифт. Теперь я хотел бы использовать этот шрифт в своих проектах в Photoshop и Fireworks.

Как бы я это сделал?


www.whatdafontawesome.co.uk выберите дизайн в левом верхнем углу, дважды щелкните значок.
Люк Сноуден

Ответы:


113

Я нашел решение, которое работает для меня. Просто скачайте и установите шрифт с сайта Font Awesome . Затем используйте Font Awesome Cheatsheet, чтобы скопировать и вставить значки в Photoshop и Fireworks. (или Illustrator или все, что вы хотели бы использовать)

Работает отлично!


21
Следует отметить, что вам нужно дважды щелкнуть сам значок и затем скопировать его. Не тот код, который есть в параграфах. Это не будет работать.
Матиас Ликкегор Лоренцен

Привет, я использую это в Adobe Fireworks. Это сработало только после того, как я снова запустил фейерверк. Кроме того, в самой шпаргалке нет необходимости сначала щелкать и загружать значок, в самом списке просто выделите значок (не текст) и скопируйте его, затем используйте текстовый инструмент в fireworks и вставьте его. Если вы получаете что-то, похожее на квадрат, просто выделите квадрат и выберите шрифт-удивительный шрифт
Paul Preibisch

То, что сказал @MathiasLykkegaardLorenzen, должно быть частью ответа :) Я провел последние 10 минут, пытаясь скопировать код вставки по-разному.
Имран Бугио

Я думаю, это сработало, но мне нужно скопировать из других программ, таких как Inkscape или Word, а затем вставить в Keynote.
Дэвид Сильва Смит

Так же работает и с Flash.
ПЗВ

19

Это сработало для меня.

  1. Загрузите FontAwesome с http://fortawesome.github.io/Font-Awesome/
  2. Скопируйте файлы шрифтов из "font-awesome / font" в каталог шрифтов вашего компьютера (для Mac: Приложения / Font Book)
  3. Выберите и скопируйте нужный значок из http://fortawesome.github.io/Font-Awesome/cheatsheet/ и вставьте его в фотошоп с выбранным семейством шрифтов FontAwesome.

3
Это должен быть принятый ответ. Не требует установки каких-либо сторонних приложений, просто работает.
lee_mcmullen

@lee_mcmullen Это точно такой же ответ, как принятый.
Крим

7

Все эти ответы верны, но все они упускают одну деталь. Вот что нужно сделать:

  1. Если у вас есть старая версия FontAwesome, удалите ее с вашего компьютера.
  2. Загрузите и установите FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - большая желтая кнопка Загрузить вверху)
  3. Перейти к FontAwesome шпаргалке ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
  4. Дважды щелкните и скопируйте фактический значок, который вы хотите использовать (без текста или Unicode).
  5. В Photoshop выберите инструмент «Текст», щелкните документ, чтобы создать текстовый слой, а затем вставьте значок.

Я потратил навсегда, используя Move Tool (курсор по умолчанию) и пытаясь вставить, находясь в этом инструменте. Не работает Вы должны создать текстовый слой и вставить туда.


4

Немного раздражает копирование и вставка значков из шпаргалки в текстовое поле, а затем создание контуров для каждого значка, а файл-иллюстратор aurevilly устарел и не содержит ярлыков.

Поэтому я создал файл иллюстратора, который содержит все значки в Font Awesome 4.0.0 в виде векторных путей рядом с их ярлыками для быстрого сужения значка и его копирования / вставки в Photoshop, Fireworks, Sketch и т. Д.

Просто убедитесь, что установлена ​​последняя версия Font-Awesome.otf 4.0.0, как и здесь.


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.