Fonts like Noto Color Emoji break ALL Emoji on Windows

Help
4

I think I may have found a way to use the Noto Color Emoji font in Obsidian without installing the font onto Windows.

(By the way, confirming here I too cannot get the Noto Color Emoji WindowsCompatible font to work on my Win10 computer in any application at all.)

Here’s how I did it:

  1. Make sure you have the files for the Noto Color Emoji font.

  2. Install and enable the community plugin Custom Font Loader (available in the plugin store).

  3. In your vault, in the .obsidian folder, create a subfolder called fonts.

    • This is where the Custom Font Loader plugin will look for fonts to use.

  4. Put the font file Noto-COLRv1.ttf in this /.obsidian/fonts/ folder.

  5. Relaunch Obsidian, so that the plugin sees the new font we put there.

    • Perhaps just disabling then enabling the plugin might also do. I haven’t tested.

  6. With Obsidian relaunched, open the settings window. In the left panel, under the Community plugins heading, select Custom Font Loader to open settings for this plugin.

  7. Under the Font heading, select from the dropdown menu Noto-COLRv1.ttf

  8. Toggle the Custom CSS Mode option to enable it.

  9. Under the Custom CSS Style heading, edit the input box to be :root {}

    • This means we are not assigning any CSS code in practice.
    • This field cannot be left empty, as the plugin will automatically fill the default value back in.

  10. Now you can refer to the Noto Color Emoji font anywhere by the name Noto-COLRv1 (the file name). For example,

    • In Obsidian’s setting window, under Options > Appearance, you can manually add the font name Noto-COLRv1 into your font stack in Interface font, Text font, or Monospace font.
    • In your custom css file for your vault, you can declare font-family: 'Noto-COLRv1';

Hope this helps!

1 Like