Skip to content

Emojis

Jump to bottom
AlexFlipnote edited this page Apr 23, 2021 · 1 revision

By default, Modesta includes a package to easily make emojis viewable on the web, however there are no emojis included in that package. You need to use the twemoji.css file to combine Modesta and Twitter emojis together.

Simple usage:

<html>
   <head>
      <link href="link/to/modesta.css" type="text/css" rel="stylesheet">
      <link href="link/to/twemoji.css" type="text/css" rel="stylesheet">
   </head>
   <body>
      <h1>Hello there <i class="emoji twa-smile"></i>
   </body>
</html>

This code will simply show 😃 emoji in Twitter style when used. There are multiple emoji types:

  • emoji-lg
  • emoji-2x
  • emoji-3x
  • emoji-4x
  • emoji-5x

These will change the size of the emoji, using none of them will result in the emoji trying to get the size of the font.

Source: https://github.com/AlexFlipnote/Modesta/blob/master/scss/components/_emojis.scss

Clone this wiki locally