Fonts emoji

This examples uses the TwitterEmoji OpenType font.

Repository files

PDF files

Converter Status PDF Preview
PDFreactor  OK
PrinceXML  OK
Antennahouse  OK
Weasyprint  ERROR
Conversion issue with beta version
PagedJS  OK
Typeset.sh  OK
Vivliostyle  OK
OK OK with issues Error Unsupported

HTML input

<html>
    <head>
        <meta charset="utf8"/>
        <title>Unicode Emoji</title>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
        <div class="emoji size1">
            🤗🙈🤐🐰😈🤩🙄🤑🤨🤭🦘
        </div>
        <div class="emoji size2">
            🤗🙈🤐🐰😈🤩🙄🤑🤨🤭🦘
        </div>
        <div class="emoji size3">
            🤗🙈🤐🐰😈🤩🙄🤑🤨🤭🦘
        </div>
    </body>
</html>

Stylesheet

@import url("../styles/a4.css");

@font-face {
    font-family: Emoji;
    src: url("TwitterEmoji.ttf") format('opentype');
}


.emoji {
    font-family: Emoji;
    margin-bottom: 1em;
}

.size1 {
    font-size: 1em;
}

.size2 {
    font-size: 2em;
}

.size3 {
    font-size: 3em;
}