tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

font-variant-emoji-003.html (1832B)

      1 <!DOCTYPE html>
      2 <meta charset="UTF-8" />
      3 <title>CSS Fonts: font-variant-emoji web font test</title>
      4 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-variant-emoji-prop" />
      5 <link rel="help" href="https://www.unicode.org/reports/tr51" />
      6 <link rel="match" href="font-variant-emoji-003-ref.html"/>
      7 <meta name="assert" content="font-variant-emoji sets an emoji's presentation for the emoji default and text default emoji codepoints and affects the fallback font selection."/>
      8 <link rel="stylesheet" type="text/css" href="support/css/variation-sequences.css" />
      9 <style>
     10    div {
     11      height: 2em;
     12      font: 24px/1.5 serif;
     13    }
     14 
     15    .color-first span {
     16      font-family: ColorEmojiFont, MonoEmojiFont;
     17    }
     18 
     19    .mono-first span {
     20      font-family: MonoEmojiFont, ColorEmojiFont;
     21    }
     22 
     23    .emoji {
     24      font-variant-emoji: emoji;
     25    }
     26 
     27    .text {
     28      font-variant-emoji: text;
     29    }
     30 
     31    .unicode {
     32      font-variant-emoji: unicode;
     33    }
     34 </style>
     35 
     36 <p>Emoji Default</p>
     37 <!-- Codepoint U+1FAE8 has emoji presentation by default,
     38 (Emoji=Yes,Emoji_Presentation=Yes).
     39 See https://www.unicode.org/Public/15.1.0/ucd/emoji/emoji-data.txt.
     40 So when font-variant-emoji is set to `unicode`, the codepoint
     41 should be displayed in color. -->
     42 <div class="mono-first">
     43  <span class="emoji">&#x1fae8;</span>
     44  <span class="text">&#x1fae8;</span>
     45  <span class="unicode">&#x1fae8;</span>
     46 </div>
     47 
     48 <p>Text Default</p>
     49 <!-- Codepoint U+2139 has text presentation by default,
     50 (Emoji=Yes,Emoji_Presentation=No).
     51 See https://www.unicode.org/Public/15.1.0/ucd/emoji/emoji-data.txt.
     52 So when font-variant-emoji is set to `unicode`, the codepoint
     53 should be displayed in monochrome. -->
     54 <div class="color-first">
     55  <span class="emoji">&#x2139;</span>
     56  <span class="text">&#x2139;</span>
     57  <span class="unicode">&#x2139;</span>
     58 </div>