Material-components-web-components: Font Customization via CSS Variable

Created on 20 Sep 2019  路  5Comments  路  Source: material-components/material-components-web-components

I'm submitting a:

  • [ ] bug report
  • [x] feature request

It would be great to be able to customize things like font-family across all components via a CSS variable e.g. --mdc-theme-font-family. Right now I'm unsure how to customize fonts at all, which is leading me away from using MWC.

Styling
Source
picture mbleigh
👍9

Most helpful comment

Besides the font-family especially the font-size should be adjustable as well.

picture contis2908 on 26 Sep 2019
👍3

All 5 comments

Besides the font-family especially the font-size should be adjustable as well.

contis2908 picture contis2908 on 26 Sep 2019
👍3

Looks like we also have an upstream issue for this request (https://github.com/material-components/material-components-web/issues/5003)

asyncLiz picture asyncLiz on 3 Dec 2019

https://github.com/material-components/material-components-web-components/pull/866 will fix this!

asyncLiz picture asyncLiz on 14 Feb 2020

^ along with material-components/material-components-web#5618

e111077 picture e111077 on 17 Feb 2020

Fixed in #866 and material-components/material-components-web#5618

asyncLiz picture asyncLiz on 18 Feb 2020
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

kr05 picture kr05  路  3Comments
dfreedm picture dfreedm  路  3Comments
ErikHellman picture ErikHellman  路  3Comments
nicolasr75 picture nicolasr75  路  4Comments
e111077 picture e111077  路  3Comments