[www.kde.org] [Bug 514421] develop.kde.org and HID Guidelines page have broken CSS in Chrome/Safari

[Felix Schütt]

https://bugs.kde.org/show_bug.cgi?id=514421

--- Comment #3 from Felix Schütt <felixschuettatoutlook at gmail.com> ---
No, it's an issue with the KDE "icon" font being used. 

The glyphs in the font have completely wrong scaling, causing a massive
"padding" when used with a "3em" font size in the CSS. Some browsers
"normalize" the glyph bbox, others don't.

I am already on the latest Chrome version (Version 143.0.7499.193, latest
"stable" according to Googles Blog), that's not the issue.

I downloaded the KDE icon font from:
https://cdn.kde.org/breeze-icons/icons.woff2?97f5747e2a469f732e46da072e2119de
(extracted from the Network panel).

Then I used https://fontdrop.info/ to see the differences against a "regular"
font like Roboto. 

The KDE icons font has very tiny glyphs: https://imgur.com/a/gpTotBh

The Roboto Light font has "normal" glyphs: https://imgur.com/a/mbruI2q

So, some browsers may "normalize" the width and calculate the height, but
there's clearly something wrong with the icon font.

-- 
You are receiving this mail because:
You are the assignee for the bug.