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">▶</div>
CSS of font-face Chewy has a unicode-range that didn’t cover the character U+25B6.