ベジェ曲線には2次ベジェ曲線（quadratic Bézier curve）と3次ベジェ曲線（cubic Bézier curve）がある。Bezier.jsで、マウスでグリグリ動かせるサンプルが作れた1。

2次ベジェ曲線。3つの制御点で曲線を作る。

3次ベジェ曲線。4つの制御点で曲線を作る。

フォントフォーマットにはTrueTypeとOpenTypeがあるけど、TrueTypeが2次、OpenTypeが3次のベジェ曲線らしい。知らなかった。

もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け｜ヒラギノフォント公式note
もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け｜ヒラギノフォント公式note
フォントを購入するときや使うとき、フォントフォーマット（フォント形式）の違いについて悩んだことはありませんか？OpenTypeフォントとTrueTypeフォントでどちらを選ぶか、悩んだことがあるデザイナー・プログラマーの方もいらっしゃるかもしれません。 OpenTypeフォントとTrueTypeフォントはどちらにも誕生の経緯や役割があり、特定のニーズや用途によって適切なフォーマットが異なります。結論からいえば、OpenTypeフォントはタイポグラフィ・組版などのデザイン性が重視される領域、TrueTypeフォントは組込みなどの互換性や汎用性が求められる領域で採用されることが多いといえ
🔗note.screen-hiragino.jp

  1. 正確にはbezierjs/docs/jsのjsファイルを使用した ↩︎