Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(framework): add more 72-* fonts as system styles #4934

Merged
merged 1 commit into from
Mar 22, 2022

Conversation

ilhan007
Copy link
Member

@ilhan007 ilhan007 commented Mar 21, 2022

Issue
The 72-Bold font did not apply correctly on stakeholder side in FireFox (see the linked issue for more information.).
This can be also reproduced in our test pages by opening the Card test page in sap_horizon in FireFox via this link.
The headings in the Card header should have been bold, however they appear normal instead. I
Screenshot 2022-03-21 at 15 08 55
In Chrome the issue is not reproducible, probably because of difference in the font loading.

Screenshot 2022-03-21 at 15 09 51

Solution
The insertion of the 72-Bold, '72-Boldfull', '72-Light' and '72-Lightfull' fonts explicitly as part of the system vars
seem to resolve the issue. The changes is adding the ones that are missing, compared to OpenUi5

// FontFace.css
@font-face {
    font-family: '72-Bold';
@font-face {
    font-family: '72-Boldfull';
@font-face {
    font-family: '72-Light';
@font-face {
    font-family: '72-Lightfull';

FIXES #4931

@ilhan007 ilhan007 merged commit 4b45d32 into master Mar 22, 2022
@ilhan007 ilhan007 deleted the fix-72-Bold-font branch March 22, 2022 09:19
ilhan007 added a commit that referenced this pull request Mar 22, 2022
The **72-Bold** font did not apply correctly on stakeholder side in FireFox (see the linked issue for more information.).
This can be also reproduced in our test pages by opening the Card test page **in sap_horizon in FireFox** via this [link](https://sap.github.io/ui5-webcomponents/master/playground/main/pages/Card/?sap-ui-theme=sap_horizon).
The headings in the Card header should have been bold, however they appear normal instead.
The insertion of the **72-Bold,  '72-Boldfull', '72-Light' and  '72-Lightfull'** fonts explicitly as part of the system vars
seem to resolve the issue. The changes is adding the ones that are missing, compared to OpenUi5.

FIXES #4931
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[SF][Urgent][Firefox][1.2.1][Fix expected: within one week] Sap Horizon Theme does not work in Firefox browser
3 participants