blockidag で SVG 形式を使っている人はよく文字がはみ出る場面に遭遇します。 これは SVG が HTML のように「表示時にフォントが決定する」仕組みであるためです。 つまり、SVG ファイルを出力したときはどのようなフォントが用いられるかわからないのです。 これには表示する端末に指定したフォントがインストールされているかわからないという理由があるのですが、 blockdiag のような図形を生成するソフトウェアにとっては致命的です。 また、とても残念なことにテキストの折り返し機能も SVG にはありません。 描画時に「ローカルのフォントを元に」折り返し位置を予想してレンダリングしています。 そのため、表示するフォントによってずれが発生するのです。*1 CSS では描画時のヒント情報として font-family 属性を埋め込んで対処しますが、 この font-family
![2011-12-10](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)