Skip to content

Inject global styles

%styled.global is the method to apply general styles to your website.

%styled.global(`
html, body {
margin: 0;
padding: 0;
}
`)

Recommend to not add @font-face defintions as globals. Consider adding the font directly to the HTML or in a style.css file. More.

Since emotion have a small run-time for those global styles to be applied to the DOM, which in regular styles isn't an issue but adding @fonts-face will delay a bit their fetching and can cause a Flash of Unestyled Text.