font-variant-emoji-005-ref.html (612B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8" /> 3 <title>CSS Fonts reference</title> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 5 6 <style> 7 body { background: white; } 8 p { font: 16px/3 serif; } 9 span { color: white; font: 25px Ahem; } 10 span span { color: initial; font-variant-emoji: emoji; } 11 </style> 12 13 <h4>Only lines 3 and 4 should show a keycap numeral:</h4> 14 15 <p>1. text: <span>X</span></p> 16 17 <p>2. unicode: <span>X</span></p> 18 19 <p>3. emoji: <span>X<span>3️⃣</span>X</span></p> 20 21 <p>4. with VS16: <span>X<span>4️⃣</span>X</span></p> 22 23 <p>5. emoji, with VS15: <span>X</span></p>