<!DOCTYPE html>
<meta charset="utf-8">
<style>
@font-face {
font-family: 'colrv1_and_svg';
font-style: normal;
font-weight: 400;
src: url(build/NotoHandWriting-Regular.ttf);
}
@font-face {
font-family: 'colrv1_only';
font-style: normal;
font-weight: 400;
src: url(build/NotoHandWritingCOLRv1-Regular.ttf);
}
@font-face {
font-family: 'glyf_only';
font-style: normal;
font-weight: 400;
src: url(build/NotoHandWritingglyf-Regular.ttf);
}
svg_and_colrv1 {
font-family: "colrv1_and_svg", "glyf_only";
font-size: 6em;
}
colrv1_only {
font-family: "colrv1_only", "glyf_only";
font-size: 6em;
}
glyf_only {
font-family: "glyf_only";
font-size: 6em;
}
</style>
<div>
<svg_and_colrv1>✍</svg_and_colrv1>
<svg_and_colrv1>✍🏻</svg_and_colrv1>
<svg_and_colrv1>✍🏼</svg_and_colrv1>
<svg_and_colrv1>✍🏽</svg_and_colrv1>
<svg_and_colrv1>✍🏾</svg_and_colrv1>
<svg_and_colrv1>✍🏿</svg_and_colrv1>
</div>
<div>
<colrv1_only>✍</colrv1_only>
<colrv1_only>✍🏻</colrv1_only>
<colrv1_only>✍🏼</colrv1_only>
<colrv1_only>✍🏽</colrv1_only>
<colrv1_only>✍🏾</colrv1_only>
<colrv1_only>✍🏿</colrv1_only>
</div>
<div>
<glyf_only>✍</glyf_only>
<glyf_only>✍🏻</glyf_only>
<glyf_only>✍🏼</glyf_only>
<glyf_only>✍🏽</glyf_only>
<glyf_only>✍🏾</glyf_only>
<glyf_only>✍🏿</glyf_only>
</div>