font-variant-emoji-003-ref.html (670B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8" /> 3 <title>CSS Fonts: font-variant-emoji web font test</title> 4 <link rel="stylesheet" type="text/css" href="support/css/variation-sequences.css" /> 5 <style> 6 div { 7 height: 2em; 8 font: 24px/1.5 serif; 9 } 10 11 .color { 12 font-family: "ColorEmojiFont"; 13 } 14 15 .mono { 16 font-family: "MonoEmojiFont"; 17 } 18 </style> 19 20 <p>Emoji Default</p> 21 <div> 22 <span class="color">🫨</span> 23 <span class="mono">🫨︎</span> 24 <span class="color">🫨</span> 25 </div> 26 27 <p>Text Default</p> 28 <div> 29 <span class="color">ℹ️</span> 30 <span class="mono">ℹ</span> 31 <span class="mono">ℹ</span> 32 </div>