Add a custom font to your no-code guides

Add a custom or Google Font to your guides

David Batey avatar
Written by David Batey
Updated over a week ago

Nickelled has the ability for you to add custom code to your guides so you can use that to set a custom font. Here's an example of what you'd use if you wanted to use the Raleway font which you can view here: https://fonts.google.com/specimen/Raleway

In the custom code set:

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">

<style>
  .nickelled__component .nickelled__component__actions *,  
  .nickelled__component .nickelled__component__title,
  .nickelled__component .nickelled__step__progress,
  .nickelled__component .nickelled__component__body {
      font-family: 'Raleway', sans-serif;
  }
</style>

If your site already has the font included in the page you won't need the initial link href. Any problems we are here to help.

Did this answer your question?