opentype svg

OpenType-SVGフォントを作成するためのツール

• ADDSVGは、提供されたSVGファイルを使用して、SVGテーブルをフォントに追加します。フォントの形式は、OpentypeまたはTrueTypeのいずれかです。

• DumpSVGは、フォントのSVGテーブルの内容を個々のSVGファイルとして保存します。フォントの形式は、Opentype、TrueType、Woff、またはWoff2のいずれかです。

• fonts2SVGは、それぞれの1つ以上のフォントと16進体の色からSVG Glyphファイルのセットを生成します。 Fontsの形式は、Opentype、TrueType、Woff、またはWoff2のいずれかです。

依存関係

• Python 3.6以降

• fonttools 3.1.0以上

インストール手順

• Python 3.6（またはそれ以上）がインストールされていることを確認してください。

  python --version

• 仮想環境をセットアップします：

  python -m venv ot-svg

• 仮想環境を有効にします：

  • Macos＆Linux

     source ot-svg/bin/activate

  • Windows

    ot-svg S cripts a ctivate.bat

• opentypesvgをインストールしてください：

  python -m pip install opentypesvg

OpenType-SVGフォントの作成方法は？

ステップ1

一連のフォントとカラー値からSVGファイルのセットを生成します。

 fonts2svg -c 99ccff,ff0066,cc0066 fonts/Zebrawood-Shadow.otf fonts/Zebrawood-Fill.otf fonts/Zebrawood-Dots.otf

ステップ2

SVGファイルのセットを既存のOpentype（またはTrueType）フォントに追加します。

 addsvg fonts/SVGs fonts/Zebrawood.otf

---

ステップ1を実行せずにステップ2を使用できますが、 AddSVGツールを使用するときに注意する必要があることがいくつかあります。

• SVGファイルがAuthoringアプリケーション（Adobe Illustrator、Coreldraw！、Inkscapeなど）で保存された後、SVGコードを最適化およびクリーンアップするプロセスを通じて配置する必要があります。これは、結果のアートワークを同じに保ちながら、ファイルサイズをスリムにします。このステップでは、これらのツールのいずれかを使用できます。

  • SVGクリーナー（GUIバージョン）
  • SVGクリーナー（コマンドラインバージョン）
  • SVGオプティマイザー
  • 洗掘
  • picosvg

• ADDSVGは、SVGファイルに関連付けられることを意図しているグリフに従って名前を付ける必要があります。たとえば、フォント内のグリフの名前と呼ばれる場合、SVGファイルにはampersand.svgという名前でなければなりません。

• AddSVGは、カラーアートワークがフォント内のグリフと同じサイズで設計されていることを期待しています。通常は1000または2048 UPMです。これは、オーサリングアプリの1ポイント（PT）がフォント座標の1ユニットに等しいことを意味します。アートワークのキャンバスサイズがフォントのUPM値と同じでない場合は、 -kオプションを使用して、ツールがSVGのviewBoxパラメーターを削除しないようにします。 viewBoxパラメーターを保持すると、アートワークをビューポートの最大限にスケーリングできます（つまり、フォントのUPM）。

• アートワークの<svg>要素にheightおよび/またはwidthパラメーターが含まれている場合、それらを削除します。そうしないと、アートワークには固定サイズがあり、ビューポートの完全な範囲でスケーリングできません。