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
PagedJS  UNTESTED

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