mui / mui/material-ui

[docs-infra] Missing font in iframe

Open
#38,765 6 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

scope: docs-infra type: bug
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Steps to reproduce 🕹

Link to live example:

Steps:

  1. Open https://mui.com/material-ui/react-app-bar/#responsive-app-bar-with-drawer

https://github.com/mui/material-ui/blob/20d036754e33ad9f27a45663cedf273884f631c1/docs/data/material/components/app-bar/app-bar.md#L39

Current behavior 😯

See how the font loaded is not Roboto

Screenshot 2023-09-03 at 00 31 24
Expected behavior 🤔

Roboto is used:

Screenshot 2023-09-03 at 00 33 01
Context 🔦

Noticed in https://github.com/mui/material-ui/pull/38684#issuecomment-1699983886

I guess we can fix this in https://github.com/mui/material-ui/blob/20d036754e33ad9f27a45663cedf273884f631c1/docs/src/modules/components/DemoSandbox.js#L19

Your environment 🌎
npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with docs/src/modules/components/DemoSandbox.js and reproduce the responsive app-bar example linked from docs/data/material/components/app-bar/app-bar.md. Check how the iframe loads its font, then verify the example uses Roboto as shown in the expected screenshot.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.