[Table]: Table Column Label is displayed in bolder in Safari than in Chrome

[lenafi5cher]

Describe the bug

Similar to this issue, now the Labels for the TableColumns appear a lot bolder in Safari than in Chrome.

Isolated Example

No response

Reproduction steps

1. Open the Table docs in Safari
2. Look at the example

Expected Behaviour

Font size should be the same as shown in Chrome

Screenshots or Videos

UI5 Web Components for React Version

v1.28.1

UI5 Web Components Version

v1.24.0

Browser

Safari

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

SAP

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @lenafi5cher

our example currently uses the Label component for the header and cell text which is not according to the design guidelines. This PR will adjust the examples to use spans instead.

Unfortunately the issue persists even with span and as the Table is a web component developed by the UI5 Web Components team, I'm going to transfer the issue to their repo.

---

Hi colleagues,

additionally to what @lenafi5cher has found, the text boldness of the header columns differs in Firefox as well. You can see the difference in your examples.

[Todor-ads]

Hello @SAP/ui5-webcomponents-topic-rl ,
Could you please look into this issue? The problem reproduces following the described steps.

Regards,
Todor

[nnaydenow]

Fixed the issue for version 1.24 with #9418 and it will be available with the next patch. For version 2.0 and table inside @ui5/webcomponents-compat is fixed with #9417