Jdecked Twemoji WEB Fonts (unpkg CDN)

This project makes Jdecked Twemoji (17.0.3) available as a web font served via unpkg.com. With a font file of only 645 KB, you can use the entire Twemoji set, and it also supports automatic fallback behavior similar to Google Fonts.

The package includes two font files:

• A compact 645 KB .woff2 font that uses the latest COLRv1 format.
• A fallback SVG-based .woff2 font of approximately 1.8 MB, which works in browsers that do not support COLRv1, such as Safari.

CDN

If you want to use it from a CDN in the same way as Google Fonts, simply include the following:

<link rel="stylesheet" href="https://unpkg.com/@exis9/[email protected]/twemoji.min.css" />

Then define the following in your CSS and apply the class where needed:

.twemoji {
  font-family: "Jdecked Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

Technical Details

The contents of twemoji.min.css are essentially as follows. If the browser supports COLRv1, it will automatically use the COLRv1 font.

@font-face {
  font-family: "Jdecked Twemoji";
  src: url("./JdeckedTwemoji-SVG.woff2") format("woff2");
  font-display: swap;
}

@supports font-tech(color-COLRv1) {
  @font-face {
    font-family: "Jdecked Twemoji";
    src: url("./JdeckedTwemoji-COLRv1.woff2") format("woff2") tech(color-COLRv1);
    font-display: swap;
  }
}

My Websites

If it helped you, please come and see me! ^^

🏠️ My Site! 🐈️🐈️🐈️

🐾 Nyan-8 https://nyan-8.com/