[Webkit-unassigned] [Bug 261086] New: ::first-character displayed in wrong font

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sun Sep 3 10:34:52 PDT 2023


https://bugs.webkit.org/show_bug.cgi?id=261086

            Bug ID: 261086
           Summary: ::first-character displayed in wrong font
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: iOS 15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ck at bru6.de

Created attachment 467531

  --> https://bugs.webkit.org/attachment.cgi?id=467531&action=review

First-letter styling in Firefox (above) and Safari. FF is correct

Open https://bru6.de/unterwegs/blog/ljubljana/ in Safari in a mobile view (either width < 768 pixel in portrait mode or height < 600 in landscape). 
The initial letter/first-letter of the first paragraph of text should be displayed in "IBM Plex Sans Condensed" and is displayed as that in Firefox and Chrome.

Safari, however, displays the first letter in "IBM Plex Serif". Inquiring the computed style with JavaScript


first = document.querySelector('.content p:nth-of-type(1):not(.book-summary)'); 
st = getComputedStyle(first,"::first-letter");
console.log(st.getPropertyValue('font-family'));

logs the correct font family, but the display is wrong.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230903/69ea639e/attachment.htm>


More information about the webkit-unassigned mailing list