osaka-mono-exists-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="utf-8">

<style type="text/css">

@font-face {

  font-family: Ahem;

  src: local("Ahem"), url("../fonts/Ahem.ttf");

  unicode-range: U+0-7F; /* ASCII only */

div { font-size: 50px; line-height: 100px; }

.ref { font-family: Ahem, "Osaka", serif; writing-mode: vertical-rl; }

</style>

</head>

<body>

<p>The two Japanese characters below should use the same font:

if "Osaka" is present, the name "Osaka-Mono" should also work.</p>

<div><span class=ref>絵</div>

<div><span class=ref>絵</div>

</body>

</html>