本シリーズの1回目と2回目で、Canvas描画時におけるWebフォントの適用や、日本語Webフォント利用時に必要な最適化を解説してきました。これらを踏まえ、日本語WebフォントをCanvas描画に利用する方法を考えます。

データ容量が大きくなる日本語Webフォントを使う場合、その読み込み方法にも工夫が必要です。CanvasでWebフォントを扱う前に、まずは、unicode-rangeデスクリプタの仕組みを活かした読み込み方法を理解しましょう。

CanvasでWebフォントを使うには、Webフォントの読み込み制御が必要となりますが、その実装にはWebフォントの仕組みを理解する必要があります。前編ではWebフォントの仕組みと、それに対するブラウザの対応を理解し、CanvasへWebフォントを適用してみます。