# Custom Fonts - Does enyone know how to use/upload custom fonts? **URL:** \ **Category:** Beginners\ **Tags:** fonts\ **Created:** [April 17, 2018, 7:45am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810 "2018-04-17T07:45:23Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\ **Post date:** [April 17, 2018, 7:45am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/1 "2018-04-17T07:45:24Z")
Hello, I am new to Pinegrow! great porduct. Does enyone know how to use/upload custom fonts? Thanks all! ---
**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\ **Post date:** [April 17, 2018, 12:20pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/2 "2018-04-17T12:20:21Z")
Welcome to the forum @red-rosefields You will need to use **@font-face** : > **[@font-face](https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face)** > > The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer. > **[Using @font-face | CSS-Tricks](https://css-tricks.com/snippets/css/using-font-face/)** > > The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from ---
**Author:** ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)\ **Post date:** [April 17, 2018, 12:43pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/3 "2018-04-17T12:43:01Z")
Fantastic! I solved my need. I am new to css and html so many things i have forget from my basic studies on css and html. Thank you very much. ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [May 16, 2018, 4:07am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/4 "2018-05-16T04:07:03Z")
This may also help… ![example](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/69a4a8331c7d2146032033362c952d538c6b4912.jpg) ---
**Author:** ![garyvey](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/garyvey/32/942_2.png) [@garyvey](https://forum.pinegrow.com/u/garyvey)\ **Post date:** [July 9, 2018, 11:04am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/5 "2018-07-09T11:04:35Z")
If I manually add my own fonts using the @font-face method, will I be able to select the added fonts from the visual editor font drop-down menu? ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [July 10, 2018, 5:11am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/6 "2018-07-10T05:11:36Z")
If they are in your CSS style sheet and the sheet is active/attached to a page, yes, I believe they will be available in the Visual Editor drop down. ---
**Author:** ![garyvey](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/garyvey/32/942_2.png) [@garyvey](https://forum.pinegrow.com/u/garyvey)\ **Post date:** [July 10, 2018, 10:04pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/7 "2018-07-10T22:04:08Z")
It would be great if the folks at Pinegrow would put up a video showing how to add external fonts to a project. This is a must-have feature for me living in the EU/Germany after GDPR. German sites are already getting letters from lawyers with big fat bills, so we have to basically remove all references to Google Fonts from our customers sites, and host the files locally. This is a real pain, but we have to live with it. I’m not plugging any other product, but “Blocs” let’s you add external fonts super easy: ![57](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/00f3add0aa5524652f3edbc3afec1de3c7035039.png) **I like the UI and functions of Pinegrow better, though, so I would like to keep working in Pinegrow!** ---
**Author:** ![Printninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/printninja/32/1181_2.png) [@Printninja](https://forum.pinegrow.com/u/Printninja)\ **Post date:** [July 11, 2018, 8:14pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/8 "2018-07-11T20:14:00Z")
This site might be of some help. [http://www.miltonbayer.com/font-face/](http://www.miltonbayer.com/font-face/) Loading external fonts is really pretty simple if your do it directly through the code, but I can see how it might be a nice feature if Pinegrow had the ability to scan a local folder and automatically incorporate web fonts into the site’s architecture. I mean, it kind of does in the sense that you can have your fonts folder in your project folder, but you still have manually reference the fonts in the CSS and HTML. ---
**Author:** ![SilverT](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/silvert/32/2240_2.png) [@SilverT](https://forum.pinegrow.com/u/SilverT)\ **Post date:** [November 20, 2019, 4:06am UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/9 "2019-11-20T04:06:04Z")
This thread is/was very helpful. I have a couple of responses and a question. 1. The link listed above [http://www.miltonbayer.com/font-face/](http://www.miltonbayer.com/font-face/) seems to no longer work (it 404s). Darn. (Searches turned up the same link elsewhere on the web, but same result.) 2. Using some of the other links and info above led me (eventually) to find a really helpful font resource for anyone wishing to host their own fonts. It makes it easy to use Google Fonts, but lets you load them on your own site rather than linking through Google. Here’s link: [https://google-webfonts-helper.herokuapp.com/fonts](https://google-webfonts-helper.herokuapp.com/fonts) Site by [Mario Ranftl](http://mranftl.com/) I think it’s a GitHub project. Free, of course. And its AWESOME! It lets you pick from any of the 972 Google Fonts, where you then: Pick your Character Set, Choose what Weights/Styles you want, Decide on your level of support (Modern Browsers vs. Old AND Modern Browsers), Then it makes the code for you (so you can copy/paste it into your CSS), and finally it Puts the fonts you chose into a bundle to download straight to your hard drive. Done. Just click, click, click, easy as pie. 1. Which leads to my questions: Is anyone else out there hosting their own fonts? Why self host? I know that Google Fonts makes things real easy and all, but I’m trying to do stuff without Google. Two reasons. One is Philosophical/Privacy/(Paranoia?) concerns. (Just why does Google make this wonderful service available for free? What are they doing with all that click/data?) It’s a matter of trust, or perhaps mistrust on my part. Call me skeptical. And the other is a preference to keep control over my content, keep it more local. So I want my own fonts on my own machine. (What if Google shuts it off someday?) Same reason I don’t do Adobe anymore - I like my software to be MINE, safely stored on my own computer. (So I switched to Affinity products. And Pinegrow.) Anyway… And the other reason for self-hosting fonts would be for those folks whose governments don’t allow use of Google (dictators and/or communists and/or lawyers as mentioned by the GDPR dweller higher in this thread). Are there any downsides to doing this? Any reason to AVOID self-hosted fonts? I’m assuming the time to load fonts from my Host’s servers would be about the same amount of time it would take to load the fonts from Google. Wouldn’t it? So that’s a wash. … Isn’t it? Any other reasons? ---
**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\ **Post date:** [November 20, 2019, 12:33pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/10 "2019-11-20T12:33:03Z")
> [@SilverT](#): > > Are there any downsides to doing this? Any reason to AVOID self-hosted fonts? Hi Chuck @SilverT none from my side. Very nice read - well done. It reminded me, changing my plug-in and template to “self-host” as well. While I haven’t had a GDPR problem yet, it’s really hard to tell if they will occur or not one day. This web-font helper by Mario is something PG should consider as “inbuilt” as well. Or is it already and I simply missed it? Cheers Thomas ---
**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\ **Post date:** [November 20, 2019, 1:24pm UTC](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/11 "2019-11-20T13:24:16Z")
Google Fonts | Google Developers > **[Google Fonts  |  Google for Developers](https://developers.google.com/fonts?hl=bn)** > > আপনার ওয়েব সাইটে ব্যবহার করার জন্য উচ্চ মানের ফন্ট। > All fonts are released under open source licenses. You can use them in any non-commercial or commercial project. With so many unique fonts to use, you’re bound to find something you like! Self-hosted is the way to go, imo.