62 lines
1.5 KiB
HTML
62 lines
1.5 KiB
HTML
<!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> |