| <!DOCTYPE html> |
| <meta charset="UTF-8" /> |
| <title>CSS Fonts: font-variant-emoji web font test</title> |
| <link rel="stylesheet" type="text/css" href="support/css/variation-sequences.css" /> |
| <style> |
| div { |
| height: 2em; |
| font: 24px/1.5 serif; |
| } |
| |
| .color { |
| font-family: "ColorEmojiFont"; |
| } |
| |
| .mono { |
| font-family: "MonoEmojiFont"; |
| } |
| </style> |
| |
| <p>Emoji Default</p> |
| <div> |
| <span class="color">🫨</span> |
| <span class="mono">🫨︎</span> |
| <span class="color">🫨</span> |
| </div> |
| |
| <p>Text Default</p> |
| <div> |
| <span class="color">ℹ️</span> |
| <span class="mono">ℹ</span> |
| <span class="mono">ℹ</span> |
| </div> |
