Azure / Azure/api-management-developer-portal

Font family issue on published portal

Open
#2,227 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
545
Forks
360
PR merge metrics
No merged PRs in 30d

Description

## Bug description

The text are showing different font on published portal and it is working fine in the design view and in the styles section.

The font was uploaded and was actually working for most of the time on published portal.

After seeing the font was suddenly not displayed correctly on last few version, I looked into Developer tools and saw the font-family is set to "rbrfpkxcjg". I unchecked this font-family and the font is actually displayed correctly. Then I tried set every font family in typography to the uploaded font but font-family still got overridden by that.

("Title/Home/Overview/Contact us" are custom html code so they are not affected)
![fontissue](https://github.com/Azure/api-management-developer-portal/assets/110896254/76ade8aa-b25e-45f6-844d-a43172e09458)

## Reproduction steps

1. Go to any pages with default text component
2. See font display issue

## Expected behavior

The published portal should using the font I set in styles page, just like the look in API Management page.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the font-family override on a published portal using a default text component, then inspect the generated styles in browser developer tools and compare them with the design view and Styles page. No source file or test is named in the issue, so trace the published portal styling path until the rbrfpkxcjg rule is identified. Done means the configured uploaded font is used for default text components in the published portal.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.