Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save DeeDeeG/588a7604efe6ddd224301a41eca261e5 to your computer and use it in GitHub Desktop.
Save DeeDeeG/588a7604efe6ddd224301a41eca261e5 to your computer and use it in GitHub Desktop.
Shows browser support for the various formats of color fonts. (Most of these formats are of popular interest for emojis only at the moment, other than SVG in Opentype. All could be used for other kinds of fonts, though.)

Chrome:

Version: 62.0.3202.94 (Official Build) (64-bit) User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

chrome screenshot


Firefox:

Version: 57.0 Build ID: 20171112125346 User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0

firefox screenshot


Safari:

Version 9.0.3 (11601.4.4) User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/601.4.4 (KHTML, like Gecko) Version/9.0.3 Safari/601.4.4

safari screenshot

@DeeDeeG
Copy link
Author

DeeDeeG commented Nov 25, 2017

macOS El Capitan (10.11.3) is unable to install Noto Color Emoji locally. (I can't personally test a higher/more-recent version of macOS at this time.)

For issues seen in browser consoles, see: This comment (main/Linux) and This comment (unique to Windows).

See also these gists for more browser color font support tests, but on other operating systems: Gist for Ubuntu. Gist for Windows 10

@DeeDeeG
Copy link
Author

DeeDeeG commented Nov 25, 2017

Unique to macOS, Chrome 62 had an error trying to load Noto Color Emoji:

chrome console error

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment