| <style> |
| div { font-size: 48px; padding: 8px 24px; margin: 8px 0; } |
| .reference { border: solid black; } |
| .test { border: solid blue; } |
| </style> |
| <p> |
| Each blue box should match the black box above it. |
| </p> |
| <div class="reference" style="font-family: serif;"> |
| <span style="font-family: 'lucida grande';">1⃣2⃣</span> and <span style="font-family: 'lucida grande';">a⃣</span> |
| </div> |
| <div class="test" style="font-family: serif, 'lucida grande';"> |
| 1⃣2⃣ and a⃣ |
| </div> |
| |
| <div class="reference" style="font-family: serif;"> |
| <span style="font-family: -webkit-pictograph;">1⃣2⃣</span> and <span style="font-family: 'lucida grande';">a⃣</span> |
| </div> |
| <div class="test" style="font-family: serif, -webkit-pictograph, 'lucida grande';"> |
| 1⃣2⃣ and a⃣ |
| </div> |
| <p> |
| The combining marks should be centered above the letters. |
| </p> |
| <div style="font-family: verdana;"> |
| î and i̿ |
| </div> |
| <div style="font-family: verdana; font-variant: small-caps;"> |
| î and i̿ |
| </div> |