Summary
When I open a page on Amnesty international, the quotes sources (visible after clicking one of the sections) are rendered wrong. In particular, the text style(?) is regular, not italics. This presumably affects many websites, Amnesty is just where I found it.
The root cause seems to be that Ladybird doesn't "create" the italics version of a font, if it isn't explicitly baked into the font data already. (This seems to include other attributes like font weight, i.e. "bold".)
The reduced testcase contains the smallest CC-licensed font I could easily find. Since it's CC-BY-4.0, I expect that you will want to replace the specific font instance before adding this testcase to the test suite.
(The bugtracker only find an unrelated issue for "italics" and nothing for "slanted".)
Operating system
Linux
Steps to reproduce
Amnesty website:
- Open https://www.amnesty.de/glossar-fuer-diskriminierungssensible-sprache
- Click the section titled "Ausländer"
- Consider the text "Quelle: Neue Deutsche Medienmacher*innen Stand 06/2023"
Reduced testcase:
- Open the reduced testcase (i.e. save to HTML-file and paste the address into the browser)
- Consider the text "C'est ne pas italics"
Expected behavior
"Quelle: Neue Deutsche Medienmacher*innen Stand 06/2023" and "C'est ne pas italics" should be in italics. (Also, "bold" should be bold.)
Actual behavior
"Quelle: Neue Deutsche Medienmacher*innen Stand 06/2023" and "C'est ne pas italics" are not in italics. (Also, "bold" is not bold.)
URL for a reduced test case
N/A
HTML/SVG/etc. source for a reduced test case
<!DOCTYPE html><html><head><style>
html{font-family:"XYZ",sans-serif; font-size:72pt;}
@font-face{font-family:"XYZ";
src:url(data:font/woff;base64,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)
format("woff")}<!-- CC-BY-4.0: https://tinyworlds.itch.io/free-pixel-font-thaleah -->
</style></head><body>
<em>C'est ne pas italics</em><br>
<b>C'est ne pas bold</b><br>
<span>C'est ordinaire</span>Log output and (if possible) backtrace
Screenshots or screen recordings
Build flags or config settings
default, d0571bf (i.e. after #10579 has been merged)
Summary
When I open a page on Amnesty international, the quotes sources (visible after clicking one of the sections) are rendered wrong. In particular, the text style(?) is regular, not italics. This presumably affects many websites, Amnesty is just where I found it.
The root cause seems to be that Ladybird doesn't "create" the italics version of a font, if it isn't explicitly baked into the font data already. (This seems to include other attributes like font weight, i.e. "bold".)
The reduced testcase contains the smallest CC-licensed font I could easily find. Since it's CC-BY-4.0, I expect that you will want to replace the specific font instance before adding this testcase to the test suite.
(The bugtracker only find an unrelated issue for "italics" and nothing for "slanted".)
Operating system
Linux
Steps to reproduce
Amnesty website:
Reduced testcase:
Expected behavior
"Quelle: Neue Deutsche Medienmacher*innen Stand 06/2023" and "C'est ne pas italics" should be in italics. (Also, "bold" should be bold.)
Actual behavior
"Quelle: Neue Deutsche Medienmacher*innen Stand 06/2023" and "C'est ne pas italics" are not in italics. (Also, "bold" is not bold.)
URL for a reduced test case
N/A
HTML/SVG/etc. source for a reduced test case
Log output and (if possible) backtrace
Screenshots or screen recordings
Build flags or config settings
default, d0571bf (i.e. after #10579 has been merged)