Glyphs 2.3

WOFF2、EOT) 格 納 できる 仕 様 なのですが、 現 時 点 ではMac OSX 10.10
以 降 のSafari とSafari 上 でサポートされているフォント(OTF、TTF、
WOFF)でのみ 使 用 できます。それ 以 前 のSafari では、マシンにインス
トールされたOTF またはTTF フォントでしか 使 えません。ただしインス
トールさえされていれば、テキストエディットなどブラウザ 以 外 のCore
Textエンジンを 使 用 したアプリケーションでも 使 用 できます。
13.5 SVG カラーフォント
SVG カラーフォントはSVG 形 式 のWeb フォント( 拡 張 子 が.svg また
は.svgzのフォント)とは 別 物 です。 後 者 はGlyphsではサポートしていませ
ん。SVG カラーフォントは、SVG テーブルにSVG を 埋 め 込 んだOpenType
フォントであり、OpenType 内 のSVG テーブルを 使 用 することでその 機
能 を 実 現 しています。Mozilla が 標 準 のカラーフォント 規 格 として 提 唱
仕 様 はこちらで 参 照 してください:
w3.org/community/
svgopentype/
し、Adobe がサポートを 表 明 しているため、「SVG 内 蔵 OpenType」や
「Mozilla/Adobe 式 カラーフォント」と 呼 ばれることもあります。
SVG カラーフォントが 他 の 方 式 と 違 うのはアニメーションをサポート
している 点 です。 現 時 点 ではFirefox 26 以 降 のバージョンでのみSVG カ
ラーフォントがサポートされています。
13.5.1 SVG ファイル
SVG ファイルは 別 のアプリケーションで 作 成 してください。Glyphs ファ
イルに 配 置 すると、SVG 内 の1ピクセルまたは1ポイントが1ユニットに 相
当 するよう 自 動 的 に 拡 大 縮 小 されます。SVG ファイルの 寸 法 は、エラー 回
避 とフォントファイルのサイズ 抑 制 ため、 適 切 なものにしておきましょう。
配 置 後 も 寸 法 はUPM( 通 常 1000)やフォントのデザインとして 決 めた 高
さ( 例 :キャップハイト)を 超 えないようにしてください。
13.5.2 SVG レイヤー
SVG ファイルをGlyphs ファイルに 配 置 するには、 従 属 レイヤーを 追 加 し、
レイヤー 名 を「svg」にしてください。そのレイヤーにFinder からSVG
ファイルをドラッグ&ドロップします。また、メニューバー「グリフ > 画
像 を 追 加 」で 表 示 されるダイアログでも 配 置 することが 可 能 です。 配 置 する
とユニット 単 位 に 合 わせて 自 動 的 に 拡 大 縮 小 されます。サイズを 調 整 する
には、 情 報 パネルで 数 値 を 変 更 するか、バウンディングボックスをドラッ
グします。 位 置 の 移 動 も 可 能 です。
13.5.3 SVG カラーフォントの 使 用
「svg」レイヤーを 含 むグリフができたら( 数 は 不 問 )、なるべくWOFF ま
たはFireFox 用 にWOFF2 形 式 のOpenTypeを 出 力 してください。Glyphs
は 配 置 されたSVG ファイルに 合 わせたSVG テーブルをフォントに 追 加 し
Glyphsハンドブック2016 年 11 月 版
154