1438567 - font-display doesn’t repaint correctly when mixing font-display: optional and swap

Status: UNCONFIRMED

(Core :: Graphics: Text, defect, P3)

Description

[Zach Leatherman]

Attachment: font-display-font-synthesis-check.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:58.0) Gecko/20100101 Firefox/58.0
Build ID: 20180206200532

Steps to reproduce:

Navigate to the test case with two web fonts, one roman and one italic. Roman uses font-display: swap and Italic uses font-display: optional.



Actual results:

The italic element (<em>) was rendered using the serif fallback font


Expected results:

The italic element should be rendered using the roman web font and use font-synthesis to do a faux italic rendering.

Comment 1

[Zach Leatherman]

Related:
* Chrome closed this bug as wontfix: https://bugs.chromium.org/p/chromium/issues/detail?id=811756
* This works as expected in Safari Technology Preview

Comment 2

[Nicolas Hoizey]

For optimal performance, without requiring a bunch of JavaScript code (not good for performance and maintenance at least), it would be awesome being able to set `font-display: fallback` for the roman, and `font-display: optional` for the italic, bold, and italic bold.

Is there anything new on this topic for Firefox?