web-dev-qa-db-ja.com

Inkscapeで素晴らしいフォントを使用する

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

アイコンリファレンス用の素晴らしいフォントをInkscapeにインポートする これはフォントエディタのみを参照するため、ここでは役に立ちませんが、フォントをSVGグラフィックのセットに変換したいだけです。

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

17
Golo Roden

現在、それらは https://github.com/FortAwesome/Font-Awesome/tree/master/advanced-options/raw-svg で生のsvgを提供しています

2
Russell

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

私の知る限り、ベクトルをInkscapeに直接入れる方法はありません(svgフォントファイルを開くと、何かが得られるとは思いますが)

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

次に、フォントをアートワークに変換するのと同じように、それらをInkscapeで「アウトライン化」します。

これは、Inkscapeでベクターを取得する方法です。

明確にするために:最新のFont Awesomeフォントをインストールした後、Font Awesomeの「チートシート」ページを開きます。 http://fontawesome.io/cheatsheet/

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

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

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

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

21
tessaract

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

あなたは素晴らしいフォントのようないくつかのアイコンをインポートすることができます。

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

inkscape symbols

4
Drasill

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

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

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

4
Tiberiu Ichim