<!DOCTYPE html>
<title>Test emoji variation selectors support for system fallback fonts</title>
<style>
@font-face {
font-family: "MonoEmojiFont";
src: url(../../third_party/NotoEmoji/NotoEmoji-Regular.subset.ttf);
}
@font-face {
font-family: "ColorEmojiFont";
src: url(../../third_party/NotoColorEmoji/NotoColorEmoji.ttf);
}
div {
font-size: 30px;
}
.color {
font-family: "ColorEmojiFont";
}
.mono {
font-family: "MonoEmojiFont";
}
</style>
<!-- ☃ is text default emoji; ☔ is emoji default emoji. -->
<p>Test passes if the following emojis are rendered in monochromatic (text) style</p>
<div>☃</div>
<div class="color">☃︎</div>
<div class="color">☔︎</div>
<p>Test passes if the following emojis are rendered in color (emoji) style</p>
<div>☔</div>
<div class="mono">☃️</div>
<div class="mono">☔️</div>