InkscapeでFont Awesomeを使用する


16

Font AwesomeアイコンをSVGグラフィックスに変換する方法はありますか。Inkscapeで他のベクター画像内で使用できますか?

これはフォントエディタのみを参照するため、InkscapeにIcon ReferenceのFont Awesomeをインポートしても役に立ちませんが、フォントをSVGグラフィックスセットに変換したいだけです。

これは可能ですか?もしそうなら、どのように?

回答:



21

私は主にInkscapeを主なベクターエディターとして使用しています。私はMacを使用しています。

私が知る限り、ベクトルをInkscapeに直接取り込む方法はありません(svgフォントファイルを開くと、何も得られないでしょう)

otfフォントをインストールしました(Windowsでotfが気に入らない場合は他のフォントタイプを試してみてください)。すべての文字をタイプとしてコピーします。

次に、フォントをアートワークに変換するように、Inkscapeで「アウトライン」します。

これがInkscapeでベクターを取得した方法です。

明確にするには::最新のフォント素晴らしいフォントをインストールした後、私はフォント恐ろしい「チートシート」ページ開くhttp://fontawesome.io/cheatsheet/を

InkscapeのフォントとしてFontAwesomeフォントを選択します

次に、Font AwesomeチートシートページからICON自体をコピーし、Inkscapeにテキストとして貼り付けます。

最後に、パスされたオブジェクトになるまでテキスト選択を「グループ解除」します。

その後、ベクトルを変更/微調整できます。


Ubuntuでは問題なく動作します。チートシートリンクのthx。
n3rd

Ubuntuでは、.otfファイルを$ HOME / .fontsにコピーし、fc-cache -f -vを実行してフォントをインストールします。
エルデルシェル

私はウェブサイトから直接貼り付け時にエンコードの問題が...ある
538ROMEO

4

この回答を元の投稿にも追加しました。ここにも追加します:

私がしたことはこれです:単純なパスを含む新しいinkscapeファイルを作成します。Inkscapeを保存して閉じ、テキストエディターでファイルを開きます。次に、テキストエディタでfontawsome svgファイルを開きます。すべてのタグをコピーし、最初のファイル内のタグ内に貼り付けます。「グリフ」を検索し、「パス」に置き換えます。ファイルを保存します。次に、このファイルInkscapeを開きます。これで、すべてのグリフがパスに変換されましたが、それらは互いに重なり合っています。

すべてのアイコンをページ内の約数十の列に再配置するには、移動とサイズ変更に約5分かかりました(ここで整列+分散は非常に役立ちます)。


4

「シンボル」ライブラリを使用できます。これは非常に便利です。

素晴らしいフォントなど、いくつかのアイコンをインポートできます。

このリポジトリは素晴らしいです:https : //github.com/Xaviju/inkscape-open-symbols

inkscapeのシンボル


2
できれば+10を差し上げます!非常に簡単で速く、はるかに優れているので、フォントの素晴らしいアイコンが設定されています!どうもありがとうございます !
538ROMEO

-1

Font Awesomeが何であるかをもう少し説明してください。おそらく小さいサイズのPNG画像であると思われます。IllustratorでPNGおよびJPEGロゴをベクトル画像に変換しました。Inkscapeでも同じことができると思います。それは多くの作業であり、1つの適度なサイズのロゴの場合、これは実行可能ですが、決して完璧ではありません。多くの非常に小さな画像の場合、作業が多すぎると思います。

これらの画像の作成者に連絡しましたか?たぶん、彼らはどこかでそれらを利用できるでしょう。

ベクターグラフィックスをグーグル検索し、ai、eps、またはsvgをファイルタイプフィルターとして使用してGoogle画像検索を使用し、別のセットを使用します。


1
Font Awesomeはベクターアイコン付きのフォントです。そのため、PNGで構成されているとは思えません。
ゴロローデン

1
フォントの場合は、Inkscapeで使用し、必要なすべてのアイコンを入力してから、(Illustratorスラングで)「アウトラインを作成」、または(Inkscape言語で)「オブジェクトをパスに変換」することができます。どこで、どのようにすればよいかわかりませんが、それがIllustratorでのやり方です。
SPRBRN

4
あなたがあなたが助けることができる質問に答えるべきではありません.. Font Awesomeが何であるかさえ知りません!
ジョナサントンジ

-1

WindowsでTrueTypeフォントとして追加し、charmap必要なものを見つけるために使用できます。

C:\windows\fonts

C:\windows\system32\charmap.exe

5
これはどのようにSVGファイルを作成しますか?
ケビンパンコ14
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.