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

font-family: heading?

See original GitHub issue

// latest rebass import { Heading } from 'rebass';

//index.jsx <Heading>{name}</Heading>

//inspect css styles

font-family: heading;
font-weight: heading;
line-height: heading;

Is this expected?

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:2
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
jxnblkcommented, Apr 7, 2020

The Heading component looks for font properties defined in the theme, you’ll need to add values to theme.fonts.heading, theme.fontWeights.heading, and theme.lineHeights.heading to apply these styles – you can also use the preset as a starting point: https://rebassjs.org/theming#preset

0reactions
Stennerscommented, Mar 4, 2021

Is there a fix for this yet? I still seem to get it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

font-family - CSS: Cascading Style Sheets - MDN Web Docs
The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected ...
Read more >
W3.CSS Fonts - W3Schools
Segoe UI is the default font for headings. ... This allows for a few more letters in the headings. ... font-family: Arial, Helvetica,...
Read more >
WebD2: Applying Typography in CSS - University of Washington
You will also learn some strategies for selecting a font family. ... For page titles, headings and sub-headings, a serif font is sometimes...
Read more >
HTML Topics: Headings and Fonts
Headings. A heading is generally placed at the beginning of a section of text. · Fonts. Although the use of the font tag...
Read more >
How to change heading font family? - WordPress.org
I see I can change the general text font family, but that doesn't affect the headings, and there's no font family setting under...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found