SVGで自作フォント使ってHTMLで読み込む

世間一般的に需要はものすごく少ないと思うのだけれども、HTMLに埋め込んであるSVG画像内で独自フォントを使ってにゃんにゃんしたい場面が出てきた。HTMLで独自フォント使うだけならハードルはまだ低いと思うのだが、SVGを一枚噛ませるというのが曲者だ。

そもそも独自フォントってあれっしょ?作るの大変っしょ?と思ってたのだが、どーやらInkscapeでSVGフォント作ってから、そいつをクラウドの変換くんにぶちこめばTrueTypeFont(ttf)がサクッと作れるらしい。詳しい作り方については「inkscape svg font」とかでググったらそこそこ情報出てくるので、ここでは割愛しとくわね。
続きを読む SVGで自作フォント使ってHTMLで読み込む