osaka-mono-exists-ref.html (561B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <style type="text/css"> 6 @font-face { 7 font-family: Ahem; 8 src: local("Ahem"), url("../fonts/Ahem.ttf"); 9 unicode-range: U+0-7F; /* ASCII only */ 10 } 11 div { font-size: 50px; line-height: 100px; } 12 .ref { font-family: Ahem, "Osaka", serif; writing-mode: vertical-rl; } 13 </style> 14 </head> 15 <body> 16 <p>The two Japanese characters below should use the same font: 17 if "Osaka" is present, the name "Osaka-Mono" should also work.</p> 18 <div><span class=ref>絵</div> 19 <div><span class=ref>絵</div> 20 </body> 21 </html>