Continuing the discussion from Include images and fonts in themes : Has anyone here successfully uploaded a web font through the customization UI and able to call it with a variable? I have been trying to get Google Fonts working on my site but so far only can get them working by using the CSS impo…

I was working on a site the other day that did this…let me see if I can find it again. Edit: @downey apologies, but I was mistaken. The font was uploaded but not in use. I can add this to my list to test, but I may not get to it until next week.

[image] jomaxro: I can add this to my list to test, but I may not get to it until next week. No worries. As mentioned, there is a workaround of serving the fonts remotely, but it’s just less than ideal. Appreciate anything you (or others) can turn up in terms of successful cases, or reproduce…

Looping back on this - (long time, sorry!) - I found a site with uploaded fonts! To answer your question, yes you can successfully upload a font through the customization UI and able to call it with a variable. [image] @font-face { font-family: 'colfax-bold'; src: url($ColfaxWebBoldEOT), …

This belongs in a howto/faq can you move it there?

You wrote one already… [image] Include assets (e.g. images, fonts) in themes and components Developer Guides Themes and theme components allow you to handle uploaded assets such as images and fonts. You can control what assets your theme accepts using the site …

Hmm; thanks for this info. This is basically how I’ve set it up, but I made some tweaks in my test theme to pattern the CSS customization exactly as shown here. (Everything but setting up parallel file types with the example here.) Unfortunately, my variables still aren’t linking up to get the files…

Where are you uploading the fonts to? Local or s3? If the latter, CORS issue? We embed fonts, but had to solve CORS first.

Hmm, good point. We’re using Discourse.org hosting so the CDN may be at play.

The CDN shouldn’t be an issue. The site I referenced is a Discourse.org hosted site.

:mag_right: Sounds like some more troubleshooting on my end to add to my TODO list…

Anyone embedding fonts successfully?

Support

Johani (Joe) April 20, 2020, 1:08am 13

We now have a theme component that makes changing fonts very easy.

3 Likes

Topic		Replies	Views
How do I use custom local fonts? Support	3	1674	July 7, 2022
Add a custom font to my theme via the assets repository Dev	8	1621	May 11, 2023
Include assets (e.g. images, fonts) in themes and components Developer Guides how-to , theme-guides	1	15805	August 23, 2024
Create and share a font theme component Developer Guides how-to , theme-guides	4	5908	August 19, 2025
Can I simply add directories to my Discourse install? Dev	7	464	May 6, 2024

Anyone embedding fonts successfully?

Related topics