4 <title>Annotations test
</title>
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
7 <style type=
"text/css">
12 font-family: Hiragino Maru Gothic ProN
, Meiryo
;
15 /* for platforms without these fonts the default glyphs will show */
17 @font-feature-values Hiragino Maru Gothic ProN
{
18 @annotation
{ circled: 1; }
19 @annotation
{ black-circled: 4; }
20 @annotation
{ black-box: 8; }
21 @annotation
{ black-rounded-box: 10; }
24 @font-feature-values Meiryo
{
34 font-variant-alternates: annotation
(circled
);
38 font-variant-alternates: annotation
(black-circled
);
42 font-variant-alternates: annotation
(black-rounded-box
);
49 <div><span id=
"test1">1</span> <span id=
"test2">2</span> <span id=
"test3">3</span></div>