# Using Local Google Fonts on your WordPress website - Manually and with Yabe Webfont **URL:** \ **Category:** Tips & Tricks\ **Created:** [June 21, 2023, 4:21pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166 "2023-06-21T16:21:21Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\ **Post date:** [June 21, 2023, 4:21pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/1 "2023-06-21T16:21:21Z")
I just uploaded a new video showing how to host Google fonts locally on a WordPress site using two different methods. First, I demonstrate how to do it manually using a custom WordPress theme. Then, I show off a new plugin called Yabe Webfont (thanks @suabahasa!), which greatly simplifies the process regardless of whether you are using a Page Builder or coding your theme by hand. [![](https://img.youtube.com/vi/A0JZzEVIUzQ/maxresdefault.jpg "Local Fonts in WordPress Manually and with Yabe Webfonts") ](https://www.youtube.com/watch?v=A0JZzEVIUzQ) For anyone wondering, yes a good chunk of this video is from my course, [Build a Custom WordPress Theme with No Code using Pinegrow](https://adamlowe.io/mini-course-no-code-wp-theme/). This is a standalone topic that I thought the wider community could benefit from. ---
**Author:** ![sitestreet](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/sitestreet/32/41_2.png) [@sitestreet](https://forum.pinegrow.com/u/sitestreet)\ **Post date:** [June 21, 2023, 4:50pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/2 "2023-06-21T16:50:38Z")
Another excellent video Adam. One quick question. Do you know the difference between the free Yabe plugin and the pro version? It looks like there is no difference but it’s a way for people to support the development of it voluntarily. ---
**Author:** ![adamslowe](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/adamslowe/32/4590_2.png) [@adamslowe](https://forum.pinegrow.com/u/adamslowe)\ **Post date:** [June 21, 2023, 4:54pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/3 "2023-06-21T16:54:18Z")
@sitestreet, According to @suabahasa, the developer: > There are no functionality differences (for now). The pro version has more integration. > > I hope that by not limiting the functionality, users will enjoy the plugins and with the pleasure to upgrade to the Pro version. I’m pretty sure the only real difference is that the pro version offers direct/automatic page builder integration and the free version does not. ---
**Author:** ![rmshare](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rmshare/32/2172_2.png) [@rmshare](https://forum.pinegrow.com/u/rmshare)\ **Post date:** [June 25, 2023, 5:34pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/4 "2023-06-25T17:34:55Z")
Thank you Adam for another excellent video. ---
**Author:** ![chipriggs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/chipriggs/32/5076_2.png) [@chipriggs](https://forum.pinegrow.com/u/chipriggs)\ **Post date:** [October 18, 2023, 5:47pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/5 "2023-10-18T17:47:18Z")
In trying to diagnose some slow loading local fonts on a client site (you have to refresh the site after it initially loads sometimes to get the fonts to show), I noticed that the design panel is writing an _absolute path_ to my fonts.css file into the theme.css rather than a _relative path_. I’m getting: “file:///Volumes/Drive1/Documents/ClientWork/Websites/StaticBuild/css/fonts.css” Rather than: “…/css/fonts.css” I went through @adamslowe’s YouTube tutorail in the process of troubleshooting the loading issue and ran across this. Maybe I’m missing something in the prefrences in PG somewhere. Anyone have any ideas? Thanks! \*\*_Also, a quick note. Changing this to a relative path up on the live site doesn’t seem to make a difference so I’m starting to think that the slow font loading it’s experiencing has something to do with the Azure cloud hosting and the caching the client has._ ---
**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\ **Post date:** [October 24, 2023, 10:05am UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/6 "2023-10-24T10:05:51Z")
@chipriggs we had a bug with using local urls for fonts a while back, but that was fixed. Are you seeing this issue with the latest version? ---
**Author:** ![chipriggs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/chipriggs/32/5076_2.png) [@chipriggs](https://forum.pinegrow.com/u/chipriggs)\ **Post date:** [October 24, 2023, 1:26pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/7 "2023-10-24T13:26:34Z")
Hi @matjaz! Thanks for the reply, I really appreicate it. Unforunately it’s the same behaivor with the latest version (7.72). Since this site is already live, and has been for the last 10 months, I’ve just been editing the import link in the theme.css file to a relative link after Pinegrow. It’s not the end of the world, but something I have to remember when I do any edits to the site via PG. Thanks! ---
**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\ **Post date:** [October 24, 2023, 2:03pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/8 "2023-10-24T14:03:22Z")
@chipriggs can you please send the project to [support@pinegrow.com](mailto:support@pinegrow.com) so that we can investigate? ---
**Author:** ![chipriggs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/chipriggs/32/5076_2.png) [@chipriggs](https://forum.pinegrow.com/u/chipriggs)\ **Post date:** [October 24, 2023, 4:48pm UTC](https://forum.pinegrow.com/t/using-local-google-fonts-on-your-wordpress-website-manually-and-with-yabe-webfont/8166/9 "2023-10-24T16:48:24Z")
I just emailed a Dropbox link to the project. Thanks for taking a look.