Blitz - WPT: font-unicode-presented-as-emoji-outline.html

wpt / css / css-fonts / matching / font-unicode-presented-as-emoji-outline.html

/css/css-fonts/matching/font-unicode-presented-as-emoji-outline.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
<link rel="match" href="./font-unicode-presented-as-emoji-outline-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#char-handling-issues">
<style>
@font-face {
    font-family: 'Ahem Crossmark';
    src: url('./resources/AhemCrossmarkSupport.otf');
    unicode-range: U+0020, U+274C; /* include U+0020 to act as "first available font" and
                                      avoid line-height being derived from fallback */
}
.emoji {
    font-family: 'Ahem Crossmark', system-ui;
}
</style>
<span class="emoji" style="font-size: 60px;">❌</span>
</html>

/css/css-fonts/matching/font-unicode-presented-as-emoji-outline-ref.html

<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: 'Ahem Crossmark';
    src: url('./resources/AhemCrossmarkSupport.otf');
}
.emoji {
    font-family: 'Ahem Crossmark', system-ui;
}
</style>
<span class="emoji" style="font-size: 60px;">a</span>
</html>