☰

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

tag-icon • tag-icon fonts adobe-photoshop adobe-fireworks
Photoshop と Fireworks で Font Awesome を使用するにはどうすればよいですか?

そこでダウンロードしました素晴らしいフォントフォントをインストールしました。このフォントを Photoshop と Fireworks のデザインに使用したいと思います。

どうすればいいでしょうか?

答え1

私にとってはうまくいく解決策を見つけました。フォントをダウンロードしてインストールするだけです。Font Awesome ウェブサイト次に、Font Awesome チートシートPhotoshop や Fireworks にアイコンをコピーして貼り付けます。(または Illustrator など、お好きなもの)

完璧に動作します!

答え2

これは私にとってはうまくいきました。

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

答え3

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

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

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

答え4

Font Awesome から PNG へフォントから完璧なサイズの PNG を抽出できます。素晴らしいです。

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

関連情報