Change font from google to self-hosted

  • Resolved WPgeeks

    (@wpgeeks5)


    7 years, 11 months ago

    Hi again Ben!

    How can I change the font to load from the site and not google’s servers? I have heard that if the font is loaded from google’s end then it can slow down the site a little. I don’t want to install any plugin for this as it will just complex things.

    Please guide me on how to go about this.

    What I already know:

    1. Download the web font (ready)
    2. Keep the css ready (I have used this website for generating the css – https://google-webfonts-helper.herokuapp.com/fonts/raleway?subsets=latin – is it the right way?)
    3. Replace the font code with this one.

    Sorry, I’m new to WordPress so I don’t know exactly what code I will have to replace. Can you please help me here?

    Many thanks.

    • This topic was modified 7 years, 11 months ago by WPgeeks.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hello ??

    In the @font-face declaration, there are URLs that should lead to the location of the font files. You can use a child theme, add a “font” folder to it, and move the font files there. Then you can update the URLs in @font-face to point to the folder in the child theme.

    I know you aren’t looking for a plugin, but you may want to consider Use Any Font. It helps with this process and loads the font files from your site instead of external server, so it has the same performance implications as doing it via your own code.

    Thread Starter WPgeeks

    (@wpgeeks5)

    Hi Ben!

    The first part sounds doable to me. If I can’t, then I may use the plugin. Thanks for the idea. I will try this today.

    Thanks.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome, let me know how it goes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change font from google to self-hosted’ is closed to new replies.