PhotoshopおよびFireworksでFont Awesomeを使用するにはどうすればよいですか?


77

そこで、Font Awesomeをダウンロードして、フォントをインストールしました。次に、PhotoshopおよびFireworksのデザインでこのフォントを使用します。

どうすればいいですか?


www.whatdafontawesome.co.uk左上のデザインを選択し、アイコンをダブルクリックします。
ルークスノーデン14年

回答:


113

自分に合った解決策を見つけました。Font Awesome Webサイトからフォントをダウンロードしてインストールするだけです。次に、Font Awesome Cheatsheetを使用し、PhotoshopおよびFireworksでアイコンをコピーして貼り付けます。(またはIllustratorまたは使用したいもの)

完全に動作します!


21
アイコン自体をダブルクリックしてからコピーする必要があることに注意してください。paranthesesにあるコードではありません。それは機能しません。
マティアスリュックガードローレンツェン

こんにちは、Adobe Fireworksでこれを使用しています。これは、私が花火を再開した後にのみ機能しました。また、チートシート自体では、アイコンをクリックしてロードする必要はありません。リスト自体でアイコン(テキストではなく)を強調表示してコピーし、花火でテキストツールを使用して貼り付けます。あなたは、正方形のように見える何かを得る場合は、単に四角を選択し、フォント、フォント素晴らしいハイライト
ポールPreibisch

@MathiasLykkegaardLorenzenが答えの一部であるべきだと言ったこと:)私は最後の10分間をさまざまな方法で貼り付けコードをコピーしようとして費やしました。
イムランブギオ

これはうまくいったと思いますが、InkscapeやWordなどの他のプログラムからコピーして、Keynoteに貼り付ける必要があります。
デビッドシルバスミス

この方法でもFlashで機能します。
pzv

19

これは私のために働いた。

  1. FontAwesomeをhttp://fortawesome.github.io/Font-Awesome/からダウンロードします
  2. 「font-awesome / font」からコンピューターのフォントディレクトリにフォントファイルをコピーします(Macの場合:Applications / Font Book)
  3. http://fortawesome.github.io/Font-Awesome/cheatsheet/から目的のアイコンを選択してコピーし、PhotoAwesomeフォントファミリーを選択してphotoshopに貼り付けます。

3
これは受け入れられた答えであるはずです。サードパーティのアプリをインストールする必要はありませんでした。
lee_mcmullen

@lee_mcmullenこれは、受け入れられたものとまったく同じ答えです。
クリーム

7

これらの答えはすべて正しいですが、それらはすべて1つの詳細が欠落しています。対処方法は次のとおりです。

  1. FontAwesomeの古いバージョンがある場合は、コンピューターからアンインストールします。
  2. FontAwesomeをダウンロードしてインストールします(http://fortawesome.github.io/Font-Awesome/-上部にある大きな黄色のダウンロードボタン)
  3. FontAwesomeチートシート(http://fortawesome.github.io/Font-Awesome/cheatsheet/)にアクセスします。
  4. 使用する実際のアイコンをダブルクリックしてコピーします(テキストまたはユニコードはどれも)。
  5. Photoshopでテキストツールを選択し、ドキュメントをクリックしてテキストレイヤーを作成し、アイコンを貼り付けます。

移動ツール(既定のカーソル)を使用して、そのツールで貼り付けようとして永遠に費やしました。機能しません。テキストレイヤーを作成してそこに貼り付ける必要があります。


4

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

そこで、Font Awesome 4.0.0のすべてのアイコンをラベルの横のベクトルパスとして含むイラストレーターファイルを作成し、アイコンをすばやく絞り込んでPhotoshop、Fireworks、Sketchなどにコピー/貼り付けできるようにしました。

ここの他の回答に従って、最新のFont-Awesome.otf 4.0.0をインストールしてください。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.