<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Fonts: font-variant-emoji test</title>
<link rel="author" title="Jonathan Kew" href="mailto:[email protected]"/>
<link rel="help" href="https://drafts.csswg.org/css-fonts/#font-variant-emoji-prop"/>
<link rel="match" href="font-variant-emoji-2-ref.html"/>
<meta name="assert" content="font-variant-emoji sets a default presentation; VS15 (U+FE0E) or VS16 (U+FE0F) override the rendering specified in font-variant-emoji."/>
<style>
div { font: 40px/2 serif; }
</style>
<body>
<p>text</p>
<div style="font-variant-emoji: text">☺ ☺︎ ☺️</div>
<p>emoji</p>
<div style="font-variant-emoji: emoji">☺ ☺︎ ☺️</div>
<p>unicode</p>
<div style="font-variant-emoji: unicode">☺ ☺︎ ☺️</div>