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

Issue Description

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 --> https://codesandbox.io/s/1cugh?file=/public/index.html Here is the sandpack implementation to render the same project --> https://repl.teleporthq.io/project/9ea7c3fc-46b3-4dcb-bb01-01bdecdd99f1

Issue Analytics

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

Top GitHub Comments

2reactions

alexnmcommented, May 10, 2021

waiting for https://github.com/codesandbox/codesandbox-client/pull/5723 to be merged

1reaction

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)

Top 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.

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.

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...

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....

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...