SVGエッセンシャルズ 第2版

9章テキスト

「百聞は一見にしかず」というのは事実かもしれませんが、言葉を使って図形をさらに理解しやすくするのは、よいことです。SVGには、図形にテキストを加えるための要素がいくつか用意されています。

9.1　テキストに関する用語

テキストを追加する主要な方法である<text>要素について調べる前に、いくつかの用語について明確にしておきましょう。これらは、SVGの仕様を読んだり、任意のグラフィック環境においてテキストを扱ったりする場合によく目にするものです。

文字

文字（character）とは、XML文書に関するかぎり、Unicode（ユニコード）標準に準拠した数値を持つ、1つまたは複数のバイトのことです。たとえば、私たちがアルファベットの「g」と呼んでいるものは、103というUnicode値を持つ文字です。

グリフ

グリフ（glyph）とは、1つまたは複数の文字の視覚的な表現（具体的な文字の形状）のことです。1つの文字は、それを表現するための複数の異なるグリフを持つことができます。図9-1は、2つの異なるグリフで書かれた「glyphs」という単語を示しています。特に、最初の「g」を見てください。これらは同じ文字ですが、グリフは大きく異なっています。

図9-1　2つの異なるグリフ

複数の文字が1つのグリフに置き換えられる場合があります。一部のフォントでは、文字の間隔を見栄えよくするために、「fl」や「ff」といった文字の組み合わせに対して別個のグリフを用意しています。これらは、 ...