Fast: Css font changes do not change fast-button

[eljefe223]

Describe the bug; what happened?
Using an instance of fast-button web component and assigning a class or element style css changes to font-size, font-weight and font have no effect. Because the <button/> element in the shadow DOM default styling is still being set.

fast-button {
   font-size: 30px;
   font-weight: bold;
}

<fast-button>Button</fast-button>

.button {
   font-size: 30px;
   font-weight: bold;
}

<fast-button class="button">Button</fast-button>

[chrisdholt]

@eljefe223 probably a couple ways to tackle this. The issue here is how it’s set by the UA styling. Did you want to grab this or can we tag this as a good first issue?

[eljefe223]

@chrisdholt lets tag as a good first issue, if we don't see traction on in a few days I can grab it.

[abhishekjakhar]

@chrisdholt can I pick this up?

[chrisdholt]

@abhishekjakhar yes please!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[MeijerM1]

Any news on this. Or a temp fix?