Spaces rendered as zero-width with Noto Color Emoji and fontconfig modification
Reported by
idlike2d...@gmail.com,
Sep 19 2016
|
|||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2859.0 Safari/537.36 Example URL: http://vapor.codes/ Steps to reproduce the problem: 1. Open http://vapor.codes/ What is the expected behavior? What went wrong? In the text below icons, the spaces in between words is missing. You can see that in attachment. Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? Yes Does this work in other browsers? Yes Chrome version: 55.0.2859.0 Channel: dev OS Version: Ubuntu 16.04 Flash Version: Shockwave Flash 23.0 r0
,
Sep 21 2016
This is working fine on the reported version: 55.0.2859.0 on Linux Ubuntu 14.04. Attached is the screen-shot. If reproducible, could be specific to Ubuntu 16.04. Don't have Ubuntu 16.04 as of now here. Looping MTV team to check if this is available there. idlike2dream@: Could you please confirm if the issue is seen incognito mode or new user as well?
,
Sep 21 2016
Yes. I can confirm issue with both in incognito mode and new user as well. Even the offline dinosaur page seems to have issue.
,
Nov 11 2016
,
Nov 13 2016
@eae, any idea what could cause something like this?
,
Dec 13 2016
This seems to be caused by setting `font-family: sans;` https://jsbin.com/modukolutu/edit?html,output
,
Dec 13 2016
Interesting, almost looks like a broken font. What is your sans font set as in settings?
,
Dec 13 2016
Roboto. Using `font-family:Roboto` works normally.
,
Dec 13 2016
That is really odd. Dan, any idea what might be causing a difference between specifying the font family directly vs a configured font?
,
Dec 13 2016
Not offhand, although I assume it could be getting mapped to something else by fontconfig. Adding some people who might understand that part better, as I don't have much state on Blink fonts anymore.
,
Dec 15 2016
Could you right click, inspect, then in the Computed style tab, scroll down: Could you report what font is used to render the text? Do you have any modifications to fontconfig where you're prioritizing and Emoji font like Noto Color emoji?
,
Dec 15 2016
After recent emoji related fixes, latest Chrome should pick up Noto Color Emoji without such a fontconfig modification, if you'd like to try that. If it does not use Noto Color Emoji where you'd expect it to, let's file separate bugs for that. But putting Noto Color Emoji at first in the fontconfig chain is probably not a configuration we can support.
,
Dec 15 2016
Issue 673312 has been merged into this issue.
,
Dec 15 2016
Additional details of one fontconfig modification under which this issue occours in issue 673312.
,
Dec 15 2016
It doesn't show the Noto Color Emoji font automatically on github pages. The page I attached. Noto Color Emoji is not specified but the first row uses Noto Color Emoji but others don't can you tell what is happening? When I look under Computed tab Noto Color Emoji is used for first row and Symbola are used for the rest.
,
Dec 15 2016
@drott FWIW: I (from the duplicate Issue 673312) renamed my ~/.fonts.conf to ~/.fonts_backup.conf and downloaded NotoColorEmoji.ttf from https://www.google.com/get/noto/ into ~/.fonts, and restarted chrome. I still do get issues.
,
Jan 19 2017
Tested this issue on Ubuntu 16.10 using chrome latest stable M55-55.0.2883.87. By opening the below URL's observed both the links works fine as expected and no spaces are seen in between texts. 1. http://vapor.codes/ 2. https://jsbin.com/modukolutu/edit?html,output Note: Since this issue doesn't have consistent repro steps removing bisect label, Please feel free to add if it's required. Thanks!
,
Dec 5 2017
|
|||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||
Comment 1 by manoranj...@chromium.org
, Sep 20 2016