Title: Hosting Font on WordPress
Last modified: May 20, 2020

---

# Hosting Font on WordPress

 *  [maxkim](https://wordpress.org/support/users/maxkim/)
 * (@maxkim)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/hosting-font-on-wordpress/)
 * Hi,
 * I’m trying to host my own font on WordPress instead of having to constantly pull
   a font from Google Fonts.
 * I found some tutorials on how to do that and followed the instructions, but the
   font on my website isn’t changing, and according to GT Metrics Google Fonts is
   still being requested.
 * Here is the code I used:
 * /* annie-use-your-telescope-regular – latin */
    @font-face { font-family: ‘Annie
   Use Your Telescope’; font-style: normal; font-weight: 400; src: local(‘Annie 
   Use Your Telescope Regular’), local(‘AnnieUseYourTelescope-Regular’), url(/wp-
   content/themes/generatepress/fonts/annie-use-your-telescope-v10-latin-regular.
   woff2) format(‘woff2’), /* Chrome 26+, Opera 23+, Firefox 39+ */ url(/wp-content/
   themes/generatepress/fonts/annie-use-your-telescope-v10-latin-regular.woff) format(‘
   woff’); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
 * body {font-family:’Annie Use Your Telescope’, Arial, sans-serif;}
    h1,h2,h3,h4,
   h5,h6,p,a {font-family:’Annie Use Your Telescope’, Arial, sans-serif;} (The above
   font is one I found on Google Fonts that’s very different than a standard font–
   I wanted to test it out with a crazy one so it would be easy to tell if it worked.)
 * I pasted this code at the bottom of my style sheet, but it didn’t seem to do 
   anything.
 * Is there anything wrong with my code? Maybe something wrong with the File Path?
 * I did check the file path of a local font that my WordPress theme sometimes uses,
   and it matches up. My font is in the same location as the one my theme successfully
   uses.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhosting-font-on-wordpress%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/hosting-font-on-wordpress/#post-12867266)
 * [@maxkim](https://wordpress.org/support/users/maxkim/)
 * You are definitely still calling the Google font :
    [https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic](https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic)
 * You still have your cache turned on. Turn this off, especially during development:
   
   [https://oneshotfinance.com/wp-content/cache/minify/dec73.default.include.b9847c.css](https://oneshotfinance.com/wp-content/cache/minify/dec73.default.include.b9847c.css)
 * You’re calling so many fonts in the this file, no wonder you think it’s slow!
 * Also, don’t load you font-face *last* in your css, load it first.
 *  Thread Starter [maxkim](https://wordpress.org/support/users/maxkim/)
 * (@maxkim)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/hosting-font-on-wordpress/#post-12867272)
 * So how do I stop calling the Google font? And all other fonts?
 * Won’t turning Cache off slow down my website in other ways? Such as no minifying,
   caching, lazy loading, or anything else?
 * I tried switching the code to the top of the style sheet, but it didn’t change
   anything.
 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/hosting-font-on-wordpress/#post-12867367)
 * [@maxkim](https://wordpress.org/support/users/maxkim/)
 * IMO cache is massively over-rated, and over-used.
    Everyone is on high speed 
   these days, and in a lot of instances it’s overhead in and of itself. But, yymv.
 * I don’t think we have enough detailed info on how you implemented everything 
   to be able to troubleshoot very well. You need to find where the Google fonts
   are being referenced, and turn it all off. Then add your font-face to the top
   of your child theme stylesheet.
    Adding google fonts to your theme is theme specific.
   [https://generatepress.com/forums/topic/how-to-completely-disable-google-fonts/](https://generatepress.com/forums/topic/how-to-completely-disable-google-fonts/)
 * The docs Tom put together are excellent :
    [https://docs.generatepress.com/?s=fonts](https://docs.generatepress.com/?s=fonts)
 * Just create a child first.
 * But ………….. if you are only doing this to save yourself 18ms of page load, then
   it’s not worth it IMO! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hosting Font on WordPress’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [font](https://wordpress.org/support/topic-tag/font/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/hosting-font-on-wordpress/#post-12867367)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics