# Uploaded fonts using @font-face won't show in the visual editor

**URL:** <https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581>\
**Category:** Beginners\
**Tags:** css\
**Created:** [December 4, 2019, 11:23am UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581 "2019-12-04T11:23:52Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**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:** [December 4, 2019, 11:23am UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/1 "2019-12-04T11:23:52Z")

</div>

Hello all,  
so I have added these fonts in my stylesheet but they won’t show in the Visual Editor.  
I have to go to the code and set them there manually.  
If you have 5 or 6 custom fonts and you are trying them out it feels a bit annoying to write them manually in the style css every time you want to see them in the canvas. Not a big problems but having them show there would be nice.  
Maybe I am missing something or doing something wrong.

 ![font-face](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/ade70ad22788d0b78af6a893a263b76937549e41.jpeg)

Many thanks all.

---

<div class="post-metadata">

**Author:** ![Riccarcharias](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/riccarcharias/32/4051_2.png) [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Post date:** [March 18, 2021, 9:36am UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/2 "2021-03-18T09:36:39Z")

</div>

This font “problem” does still exist. I wanted to make a new feature request but then I saw this older post.

It would be cool if fonts embedded with @font-face would be shown in the font selector. It would be even cooler if it was easier to import custom fonts. In Europe due to DSGVO Google Fonts is no option.

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 19, 2021, 5:48am UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/3 "2021-03-19T05:48:32Z")

</div>

Would prefer to use fonts other than google fonts but not sure how to add them or use them.  
Is there any tool in Pinegrow for adding fonts from other sources

---

<div class="post-metadata">

**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:** [March 19, 2021, 12:28pm UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/4 "2021-03-19T12:28:38Z")

</div>

It’s not a part of Pinegrow, but here’s a site that makes it easy to **self-host fonts** , using fonts you get from Googlefonts:

Copied from this Pinegrow Forum link:

> [@Custom Fonts - Does enyone know how to use/upload custom fonts?](https://forum.pinegrow.com/t/custom-fonts-does-enyone-know-how-to-use-upload-custom-fonts/1810/9):
>
> This thread is/was very helpful. I have a couple of responses and a question. 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.) 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 lin…

1. 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.

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [March 19, 2021, 1:13pm UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/5 "2021-03-19T13:13:43Z")

</div>

Very very good suggestion.  
It’s a great tool that makes it very easy to integrate Google fonts in your HTML documents without the need to connect to Google servers.

---

<div class="post-metadata">

**Author:** ![mbusselberg](https://avatars.discourse-cdn.com/v4/letter/m/c67d28/32.png) [@mbusselberg](https://forum.pinegrow.com/u/mbusselberg)\
**Post date:** [February 26, 2023, 4:14am UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/6 "2023-02-26T04:14:19Z")

</div>

> [@SilverT](#):
>
> It’s not a part of Pinegrow

Well it should be. I am in my Masters Program as an Instructional Designer and customizing fonts is part of the job. This is a vast oversite and as nice as this program seems to be, I will not purchase Pinegrow until this is possible.

---

<div class="post-metadata">

**Author:** ![creer](https://avatars.discourse-cdn.com/v4/letter/c/5fc32e/32.png) [@creer](https://forum.pinegrow.com/u/creer)\
**Post date:** [October 8, 2024, 9:34pm UTC](https://forum.pinegrow.com/t/uploaded-fonts-using-font-face-wont-show-in-the-visual-editor/3581/7 "2024-10-08T21:34:06Z")

</div>

It’s been five years, but you still have to manage fonts through a code editor, in Pinegrow, which is a visual editor
