- From: Amelia Bellamy-Royds via GitHub <sysbot+gh@w3.org>
- Date: Mon, 13 Jan 2020 22:04:34 +0000
- To: public-css-archive@w3.org
AmeliaBR has just created a new issue for https://github.com/w3c/csswg-drafts: == [meta][website] Tofu/weird glyphs on CSS WG website Current Work page == The [“Current Work” page for CSS WG on w3.org](https://www.w3.org/Style/CSS/current-work) uses Unicode characters (in the last column of the Table of Specifications) that are showing up poorly in multiple browsers. The characters (ℹ⃝) are a heavy bold i followed by an enclosing circle, to create an info icon. But in Chrome, they're showing as tofu (unmatched glyphs) for both myself (on Win 10) and @argyleink (Mac, I think) because of no match in the default sans-serif font. On Firefox for me, it's showing up as an i followed by a circle that doesn't enclose it, because they're matching glyphs from different system fonts.   Now, as CSS nerds, we can say this is a problem with the browsers not properly finding fallback glyphs or not properly shaping them… But as website owners, the important issue is that the content is broken & visitors to the website will have no idea that this is a link to further information about each spec — unless they hover or use an AT that exposes the link title text (“Summary of Spec Title”). Possible solutions: - replace the glyphs with an image or inline SVG icon or an ℹ information emoji - replace them with “More…”, “About…” or similar short text Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4668 using your GitHub account
Received on Monday, 13 January 2020 22:04:35 UTC