This Val demonstrates the various OpenMoji font formats in an interactive web page. It showcases how different color emoji font technologies render in browsers.
- Interactive text areas where you can type your own text with emojis
- Demonstrates 7 different OpenMoji font formats:
- OpenMoji Black (monochrome)
- OpenMoji Color (COLRv0)
- OpenMoji Color (COLRv1)
- OpenMoji Color (SVG)
- OpenMoji Color (SBIX)
- OpenMoji Color (CBDT)
- OpenMoji Color (COLRv0+SVG hybrid)
- Sample emoji grid for each font format
- Information about browser and desktop compatibility
- Recommendations for which format to use for different scenarios
Simply visit the Val URL to see the demo. You can type in any of the text areas to test how emojis render with different font formats in your browser.
This demo is based on the OpenMoji font project:
Font rendering will vary depending on your browser and operating system's support for different color font technologies.