web-dev-qa-db-ja.com

PhotoshopとFireworksでFont Awesomeを使用する方法を教えてください。

だから私は Font Awesome をダウンロードしてフォントをインストールした。それでは、このフォントをPhotoshopやFireworksのデザインに使用したいと思います。

どうすればいいですか？

fontsadobe-photoshopadobe-fireworks
77
Kriem

私は私のために働く解決策を見つけました。 Font Awesome website からフォントをダウンロードしてインストールするだけです。次に、 Font Awesome Cheatsheet を使用して、PhotoshopとFireworksでアイコンをコピーして貼り付けます。 （またはIllustratorまたはあなたが使いたいものは何でも）

完璧に動作します！

113
Kriem

これは私のために働きました。

  1. FontAwesomeを http://fortawesome.github.io/Font-Awesome/ からダウンロードします。
  2. フォントファイルを「font-awesome/font」からコンピュータのフォントディレクトリにコピーします（Macの場合：アプリケーション/フォントブック）。
  3. http://fortawesome.github.io/Font-Awesome/cheatsheet/ から目的のアイコンを選択してコピーし、FontAwesomeフォントファミリを選択してフォトショップに貼り付けます。
19
Talha Ashraf

これらの答えはすべて正しいですが、1つの詳細が欠けています。ここで何をすべきかです：

  1. あなたがFontAwesomeの古いバージョンを持っているならば、あなたのコンピュータからそれをアンインストールしてください。
  2. FontAwesome（ http://fortawesome.github.io/Font-Awesome/ - 一番上の大きな黄色のダウンロードボタン）をダウンロードしてインストールします。
  3. FontAwesomeチートシートに移動します（ http://fortawesome.github.io/Font-Awesome/cheatsheet/ ）
  4. 実際に使用したいアイコンをダブルクリックしてコピーします（テキストもUnicodeもなし）。
  5. Photoshopでテキストツールを選択し、書類内をクリックしてテキストレイヤーを作成してから、アイコンを貼り付けます。

私は移動ツール（デフォルトのカーソル）を使ってそのツールを使って貼り付けようとしました。うまくいきません。テキストレイヤーを作成してそこに貼り付ける必要があります。

7
Philip Stancil

チートシートからアイコンをコピーしてテキストフィールドに貼り付けてから各アイコンのアウトラインを作成するのは少し面倒です。aurevillyのイラストレーターファイルは古く、ラベルが含まれていません。

だから私はすぐにアイコンを絞り込むためのラベルの横にあるベクターパスとしてFont Awesome 4.0.0のすべてのアイコンを含む イラストレーターファイル を作りました。 Photoshop、Fireworks、Sketchなどにコピー/貼り付け.

ここで他の答えに従って最新のFont-Awesome.otf 4.0.0をインストールするようにしてください。

4
Jonathan Dumaine

PNGに酷いフォント 綺麗なフォントから完全なサイズのPNGを抽出しましょう。それは素晴らしいです。

Macにインストールする場合は、これに従ってください： https://github.com/odyniec/font-awesome-to-png/issues/9

2
Yarin