-
|
I have searched the docs but I can't find how to add Google fonts. Can anybody point me in the right direction? Thanks in advance and props to jxnblk for creating this wonderful THEME-UI. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 3 replies
-
|
Google Fonts integration is separate from Theme UI—depending on what framework you’re using (Next.js, Gatsby, CRA, Redwood, etc) it’ll be different. Look for your framework’s documentation on adding tags to |
Beta Was this translation helpful? Give feedback.
-
|
@lachlanjc Thanks for the quick reply. Ok I was confused. So, If I'm using Gatsby I would use for example this plugin, then just declare the font in theme-ui. Like this: export default { Just in case anybody has the same question 😄 |
Beta Was this translation helpful? Give feedback.
-
|
@fermartz Yup, this should work. Be sure to also check out typefaces by Kyle Mathews (Gatsby's founder). You can just stick |
Beta Was this translation helpful? Give feedback.
-
|
@hasparus typefaces looks like a great alternative. Thanks!!! |
Beta Was this translation helpful? Give feedback.
Google Fonts integration is separate from Theme UI—depending on what framework you’re using (Next.js, Gatsby, CRA, Redwood, etc) it’ll be different. Look for your framework’s documentation on adding tags to
<head>, then use Google Fonts’ provided<link>tag.