New issue
Advanced search Search tips

Issue 800045 link

Starred by 3 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Feature



Sign in to add a comment

woff2-variations format hint does not work

Reported by oliverwi...@gmail.com, Jan 8 2018

Issue description

Chrome Version       : 65.0.3307.0
URLs (if applicable) : 
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: OK
    Firefox: FAIL
       Edge: FAIL

What steps will reproduce the problem?
(1) type 
@font-face {
  font-family:'source sans';
  src: url(SourceSansVariable.woff2) format("woff2-variations");
}
(2) see Times on screen instead of nice variable font. 
(3)

What is the expected result?
You have shipped in stable and yet this technology is unusable without being able to specify the format as there is no other way of providing a non-variable version of the same font. 

What happens instead?
Times Font used instead!!

Please provide any additional information below. Attach a screenshot if
possible.

 
Screen Shot 2018-01-08 at 19.55.53.png
113 KB View Download

Comment 1 by drott@chromium.org, Jan 8 2018

Labels: -Type-Bug -Pri-3 Pri-2 Type-Feature
Owner: drott@chromium.org
Status: Assigned (was: Unconfirmed)
Summary: woff2-variations format hint does not work (was: -variations format does not work)
I agree, that it's not possible to select the format in a declarative way. As a workaround, you can feature detect OpenType Variations supports using CSS.supports("font-variation-settings"); and provide alternative font src urls depending on the result of feature detection.

We should indeed implement understanding the variation format hints:
https://www.w3.org/TR/css-fonts-4/#src-desc
https://github.com/w3c/csswg-drafts/issues/513
https://github.com/w3c/csswg-drafts/issues/633


Comment 2 by drott@chromium.org, Jan 8 2018

Cc: behdad@chromium.org

Comment 3 by r...@clearleft.com, Jan 18 2018

This is important as it provides a way to supply webfonts to browsers which don't support variable fonts, while enabling capable browsers to use variable fonts. For example:

@font-face {
  font-family: 'Source Sans';
  src: url('../fonts/source-sans-variable.woff2') format('woff-variations'),
       url('../fonts/source-sans.woff2') format('woff2');
}

FYI this is supported by Safari.

Sign in to add a comment