fonts-emoji

This examples uses the TwitterEmoji OpenType font.

Repository files

PDF files

Converter Status PDF Preview
PDFreactor  OK
PrinceXML  OK
Antennahouse  OK
Weasyprint  OK
Supports colored emojis
PagedJS  OK
Typeset.sh  OK

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;
}