Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25385
    Tom
    Guest

    I’d like to add a custom font to the inspiration I have installed on my site, the font is one that I have installed locally on my computer, the font family is called Gyparody. Let me know how I can do this, thanks!

    #25398
    Jesse Owens
    Keymaster

    Hi Tom-

    You can accomplish this in a couple of steps. Before we get started, I’d like to point out that a “Desktop” font license does not normally include permission to use a font on the web, so make sure that you have a valid license to use Gyparody on the web.

    First, you’ll need to locate the font file, which will have an extension like .woff2, .woff, or .ttf (among a few others).

    Second, the easiest way to install the font on your website is with the Custom Fonts plugin. If you’re new to WordPress, here are instructions on adding a new plugin to your site.

    Now, you can navigate to Customize > Custom Fonts and upload your font files. I also recommend selecting the Font Display: swap option, to avoid accessibility issues on your website.

    Adding a new font with the Custom Fonts plugin

    Finally, you’ll use custom CSS to change the font-face of the elements you’d like to show in the new font. Navigate to Customize > Advanced > Custom JS & CSS and add your custom CSS. For example, if you’re modifying the Site Title, you can use the following code:

    h1.site-title { font-family: Gyparody; }

    Using a custom font for the site title

    • This reply was modified 4 years, 4 months ago by Jesse Owens.
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Custom Font’ is closed to new replies.