Unicode character not rendered in webfont

Question

I'm using Google's Noto Sans as a standard webfont. I also want the browser to display special characters like arrows and bullets, using the webfont.

However, Chrome Dev Tools tell me, that e.g. the unicode character 'BLACK RIGHT-POINTING TRIANGLE' (U+25B6) http://www.fileformat.info/info/unicode/char/25b6/index.htm gets rendered as Segoe UI Symbol—Local file(1 glyph) (I'm currently using Windows 10)

(see screenshot)

why is that? Even though I defined Noto as the font for the div, containing the ▶ symbol.

The ▶ symbol is included in the Noto fontset and works perfectly in apps like InDesign, Illustrator etc.

Please see this fiddle: http://codepen.io/lieferant/pen/bZARVV The corresponding part is <div class="noto">&#x25b6;</div>

Answer 1

CSS of font-face Chewy has a unicode-range that didn’t cover the character U+25B6.