Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Styles and fonts in the head tag of index.html are not reflecting for react.

See original GitHub issue

I am trying to render the same project in code-sandbox and sandpack. Looks likes anything in the head of index.html is not reflecting in the render output.

I am not sure, if the error is on the side of bundler or config of the project.

Here is the link for codesandbox --> Here is the sandpack implementation to render the same project -->

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

alexnmcommented, May 10, 2021
alexnmcommented, Apr 19, 2021

I have to reopen this as I’m reverting a change in the bundler (conflict with some use cases in codesandbox)

Read more comments on GitHub >

github_iconTop Results From Across the Web

create-react-app based projects added font but not working
Try importing the fonts in your app.css or index.css file. And try: ... just add this in head before your style tag.
Read more >
Solving the React Error: Not Picking Up CSS Style | Pluralsight
In this guide, you will learn about the errors that can occur while importing a CSS file into your React file.
Read more >
Styling Components - Cypress Documentation
Fonts : Everything is rendering in Times New Roman. Most applications handle fonts in one of two ways. Your index.html loads external fonts...
Read more >
FAQs - styled-components
styled-components v5 does not introduce any breaking public API changes, ... your core index.html file (generated or static) within a typical <style> tag....
Read more >
What's in the head? Metadata in HTML - MDN Web Docs
The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found