[Webkit-unassigned] [Bug 248510] New: The name of the fonts is displayed over the title, only with `font-variant: small-caps`

[bugzilla-daemon at webkit.org]

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

            Bug ID: 248510
           Summary: The name of the fonts is displayed over the title,
                    only with `font-variant: small-caps`
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
               URL: https://gameofthrones.fandom.com/wiki/Jaqen_H%27ghar
                OS: Unspecified
            Status: NEW
          Keywords: BrowserCompat
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com

Created attachment 463799

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

simplified test case

Previously opened on https://github.com/webcompat/web-bugs/issues/114873

Steps to reproduce.
1. Open the test case or go to https://gameofthrones.fandom.com/wiki/Jaqen_H%27ghar

Expected:
Title is "Jaqen H'ghar"

Actual:
Title is an overlap of "Jaqen H'ghar" and "Game of Thrones"


The funny thing is that this is happening only when `font-variant: small-caps` is active.
The CSS is 

```
     @font-face {
        font-family: "Game of Thrones";
        src: url(https://static.wikia.nocookie.net/gameofthrones/images/c/c0/Game_of_Thrones.woff2)
          format("woff2");
      }

      @font-face {
        font-family: "Trajan";
        src: url(https://static.wikia.nocookie.net/gameofthrones/images/b/b3/Trajan_Pro_Regular.woff2)
          format("woff2");
      }

      :root {
        --standard-font-family: "Game of Thrones", "Trajan";
        --theme-page-headings-font: "Game of Thrones", "Trajan";
      }

      h1 {
        font-family: var(--standard-font-family);
        font-variant: small-caps;
      }
```

-- 
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/20221130/6023b088/attachment-0001.htm>