Use Google Fonts

[laura]

I would like to use a Google Font in my app. I've tried adding it in several different ways including linking the stylesheet within a text component:

 <link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
 <style>
      #Title {
           font-family: Sofia, sans-serif; }
 </style>

 <h1 id="Title">Example</h1> 

or copying the content from here:https://fonts.googleapis.com/css?family=Sofia into the global custom CSS section but it doesn't recognize the font when I reference it. Is this possible to do?

[laura]

I’m not sure what changed but this seems to be working now using the second solution of copying the content to the global CSS section

[ChiEn]

Coming back to share a quick update here! We now have expanded typography controls. You can also add new fonts from Google Fonts or from the Custom tab. Check out the docs here for the step by step instructions and where to find it. Design organization and app themes | Retool Docs