tor-browser

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

font-variant-emoji-004.html (1538B)

      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/tr51-25.html#Emoji_Properties_and_Data_Files" />
      6 <link rel="match" href="font-variant-emoji-004-ref.html"/>
      7 <meta name="assert" content="Variation Selector 15 (U+FE0E) or Variation Selector 16 (U+FE0F) in the contents of an element override the rendering specified by font-variant-emoji property."/>
      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>Variation Selector 15</p>
     37 <div class="color-first">
     38  <span class="text">&#x1fae8;&#xfe0e;</span>
     39  <span class="emoji">&#x1fae8;&#xfe0e;</span>
     40  <span class="unicode">&#x1fae8;&#xfe0e;</span>
     41  <span class="unicode">&#x2139;&#xfe0e;</span>
     42 </div>
     43 
     44 <p>Variation Selector 16</p>
     45 <div class="mono-first">
     46  <span class="text">&#x1fae8;&#xfe0f;</span>
     47  <span class="emoji">&#x1fae8;&#xfe0f;</span>
     48  <span class="unicode">&#x1fae8;&#xfe0f;</span>
     49  <span class="unicode">&#x2139;&#xfe0f;</span>
     50 </div>