chinese can't align vertical center in the text display area
Reported by
zhouq...@gmail.com,
Nov 28 2017
|
||||
Issue descriptionSteps to reproduce the problem: just use chrome to visit any chinese website What is the expected behavior? make the chinese vertical center What went wrong? If the text is "chinese" or "english + chinese", chrome always display text a bit top in the text display area. Any version of chrome for android has this issue, but chrome for OSX is perfect. Did this work before? No Does this work in other browsers? Yes Chrome version: 62.0.3202.84 Channel: stable OS Version: 8.0.0 Flash Version: This problem completely broke the chinese web page's quality.
,
Nov 29 2017
Tested the issue in Android and somehow observed the same behavior in Mobile Firefox, Chrome and desktop Chrome as well. Steps Followed: 1. Launched Chrome Browser. 2. Navigated to attached Chinese html 3. observed the same behavior is Mobile Firefox, Chrome and desktop Chrome as well. Chrome versions tested: 62.0.3202.84, 64.0.3279.0 OS Android 8.0.0 Android Devices 8.0.0 Pixel XL Build/OPR1.170623.027. @zhouqicf: Could you please provide a sample URL where you're seeing this issue, and also confirm is this a feature request related to Chinese Font alignment? Thanks!!
,
Nov 29 2017
Sorry, i added background-color in the new demo, and you can see Chinese is not vertical center. And here is a compare image (lang="zh" & no font-family): https://img.alicdn.com/tfs/TB1mGyEfRfH8KJjy1XbXXbLdXXa-1730-658.png This is the online page of Snip20171128_489.png : https://chaoshi.m.tmall.com
,
Nov 29 2017
Thank you for providing more feedback. Adding requester "sandeepkumars@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Nov 30 2017
Requesting Blink>Fonts team for further triaging of the issue as can observe same behavior in Mobile Chrome and FireFox as well. Thanks!!
,
Nov 30 2017
This is caused by the website in question using two different fonts (one for english and one for chinese) with different baselines that result in the alignment seen. The same behavior can be seen in other browsers and applications as well using the same fonts. There isn't really much we can do here I'm afraid. Using different fonts is sadly the best suggestion I can give at this time.
,
Dec 10 2017
Yes, "different fonts" cause this issue. But there is no Chinese font name in Android ( https://android.googlesource.com/platform/frameworks/base/+/android-7.1.2_r27/data/fonts/fonts.xml ), so web developers can't make all letters dispalied in Chinese by setting font-family, provide a font name in fonts/fonts.xml is a simple and effective solution. And in iOS, two different fonts(.SF NS Display + PingFang SC) still display perfect, Android should build in a chinese font that work perfect with Roboto. If i should submit a bug for android instead of chromium?
,
Dec 10 2017
And even all of the letters are Chinese in <p>, result not vertical center. checkout the demo: https://bugs.chromium.org/p/chromium/issues/attachmentText?aid=314159
,
Dec 11 2017
I think something wrong in "primaryFont()->fontMetrics()", when all of the letters are Chinese in <p>, the primaryFont should be "Noto Sans CJK SC". |
||||
►
Sign in to add a comment |
||||
Comment 1 by ligim...@chromium.org
, Nov 28 2017