Light Dark

*to close search form press ESC or close toggle

Grafton – Blog & Magazine WordPress Theme
Grafton – Blog & Magazine WordPress Theme
19 Articles Version 2.2
Installation

Typography & Fonts

Home Docs Grafton Installation Typography & Fonts

To add fonts to your website, you need to use our built-in fonts library. It allows you to install any font you need, and currently, we support three main sources of fonts:

  1. Google Fonts
  2. Adobe Fonts (Typekit)
  3. Custom Fonts
Fonts Library Tab
Fonts Library Section

So, to add fonts, follow these steps:

  1. Open your admin panel and locate the Dashboard tab, then open it.
  2. In the sidebar, find the Fonts Library item.
  3. Depending on the fonts you need, you should either:
  4. After successfully adding API credentials, you can fine-tune the way fonts are connected and some global values, which you can learn about directly on the settings page.
  5. After completing all necessary settings, scroll down the page and find the Fonts Library section. There, you will have a choice of 3 buttons, each corresponding to a different fonts source. Let’s consider separately Google/Typekit and Custom paths for adding fonts:
    • If you chose the Google/Typekit source for adding a font, then after pressing the corresponding buttons, you will gain access to all the fonts in the Google library (if you press the Google button) and to all your kits (if you press the Typekit button). Here everything is quite straightforward, and using the available interface, you can search, sort, and filter fonts according to your own parameters.
    • If you choose the Custom source for adding fonts, then after pressing the corresponding button, you will be presented with a form to add font variations. Here you need to enter all font attributes manually, such as name, display, font weight, style, and also add a font file to each variation. This is a slightly more complex process, so make sure you understand the principles on which fonts work before adding custom ones.
  6. As a result, by using your customizer, you can go to the Theme options -> Typography tab and select the necessary heading/text font there.
Typography Settings

Didn't find the answer to your question?

Let us help you find the solution you're looking for.

Submit a Ticket