New issue
Advanced search Search tips

Issue 905605 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: 2018-11-23
OS: Linux
Pri: 2
Type: Compat



Sign in to add a comment

CSS system-font values selecting different fonts than other browsers

Reported by anas....@gmail.com, Nov 15

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/70.0.3538.77 Chrome/70.0.3538.77 Safari/537.36

Example URL:
https://richstyle.org

Steps to reproduce the problem:
1. Go to RichStyle.org. It uses this CSS rule:
* {
	font: message-box;
}
2. The result page doesn't respect this rule.

What is the expected behavior?

What went wrong?
The result page doesn't respect this rule:
* {
	font: message-box;
}

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes 

Does this work in other browsers? Yes

Chrome version: 70.0.3538.77  Channel: stable
OS Version: 
Flash Version: 

It seems all system-font value (caption | small-caption | message-box | status-bar) don't work.
 
Labels: Needs-Triage-M70 Needs-Bisect
Components: Blink>CSS
NextAction: 2018-11-23
Status: ExternalDependency (was: Unconfirmed)
Seems to work for me. font: message-box certainly applies a different font than the default one on both Mac and Linux. Could you provide a simpler test-case, and what exactly you mean by not respecting the rule?

Cc: susan.boorgula@chromium.org
Labels: Needs-Feedback Triaged-ET
anas.ram@ Thanks for the issue.

Tested this issue on Ubuntu 17.10 on the reported version 70.0.3538.77 by following the below steps.

1. Launched Chrome and navigated to https://richstyle.org/.
2. Attached is the screen shot of the font which is rendering.
Request you to provide a screen shot of the issue observed and as per comment #3 request you to provide a simpler test case, which will help in further triaging of the issue.

Thanks..
905605.png
739 KB View Download
Thank you for your interest.

Here's a simple test:
https://richstyle.org/system-font-test.html

Note: The third browser in the secreenshot below is GNOME's Epiphany.

system-font-test.png
70.8 KB View Download
Cc: futhark@chromium.org
OK, so they will apply, but they are different from the fonts used in other browsers. In particular, the size is different from Firefox on my Linux here. For message-box they use a 12px size, while we still use 16px.

drott@, any idea if there's something we should do here?

Cc: drott@chromium.org
Components: -Blink>CSS Blink>Fonts
Status: Untriaged (was: ExternalDependency)
Summary: CSS system-font values selecting different fonts than other browsers (was: CSS system-font values don't work)
Not only the size, the font is completely different.

* In Chromium it's Libration Sans (and DejaVu Sans for Arabic).
* In the other two browsers it's Ubuntu font.
anas.ram@gmail.com, what do you get for using font-family: system-ui?

Cc: kojii@chromium.org
The NextAction date has arrived: 2018-11-23
For font-family: system-ui, I got 'DejaVu Sans', whilst it should be 'Ubuntu Arab 0.81 met'.

btw, Isn't suppose that email addresses here are encrypted?!
Status: Available (was: Untriaged)

Sign in to add a comment