Ghost just released custom font support!

I wrote a post about it, including some tips for how to get it working on your theme, if your theme hasn’t been updated yet.

Update: Whelp, no. It just got rolled back for some fixing. Stay tuned!

7 Likes

I was also surprised by this release with such an unannounced feature, but with a bit of work, the Eihei, Myoan, Reiro, Basho, Daigo, and Genki themes already support custom fonts. I hope this feature will be further developed as it clearly has great potential. It’s worth noting that the fonts use the fonts.bunny.net database.

2 Likes

Well, that was a very short party… :joy:

1 Like

Yep. It’ll be back! Just not today.

4 Likes

I’d actually be interested if this would also support adding custom font files. At least in version 5.101.1 it’s not possible - but that might be a reason to why it got removed again. :thinking:

Anyway, cool that it’s something the Ghost Team is working on! :tada:

It’s back but as a toggleable beta setting, hidden under /ghost > settings (gear icon) > labs. Docs are here: How to use custom settings in Ghost themes - Developer docs

After you turn the toggle on, you’ll see typography settings show up under settings > design & branding > customize. [If you don’t, maybe reload.]

If your theme has been updated (and you’ve got the updated copy activated), you should see the toggle changing your fonts. If it doesn’t, you may need to update your theme. (You can also try the code injection fix offered in my original post.)

For official themes, you can get the latest version by clicking to install it from the theme install section - that’ll overwrite the old copy and install the new one.

For other themes, contact the theme developer.

Update: More about custom fonts:

5 Likes

Looks like it’s live in 5.104.0! All my paid themes — Weblog, Laminim, and Standalone — already support Ghost custom fonts.

1 Like

I have now added support to my open source themes Undefined and MNML as well.

2 Likes

Hey, I did not know Weblog, I like it, is it ready for translation ?

1 Like

Hey @bastien! Thanks for the message. Weblog isn’t localized yet (none of my customers have asked for it, and I like to only add features that will be used) but I would add it for you free of charge if you go for it.

(FYI licenses for all my premium themes are included with the $7/mo membership on my blog. If you want to kick the tires, this is less commitment than getting them from Creative Market.)

1 Like

Thank you @curiositry ! By localized, do you mean just putting the translation wrappers in the files? If that’s what you mean, then yes I’m interested but I’d rather wait until it’s done before buying. I don’t need this theme urgently but if it’s ready for translation, I’ll buy it to test it on my site.

1 Like

@bastien yes, I meant translation-ready. I plan to also include a populated French translation json file, but I’m guessing some of the translations would need to corrected by someone more fluent.

I got a start on the work today and I’ll let you know when it’s done.

2 Likes

@curiositry thank you ! For translations : just use Deepl or any LLM to roughly translate each language. Then each user can custom translation in concerned file. I always bring my own wording so I don’t care a lot about translation quality by default.

2 Likes

@bastien I have the first version of a translation-ready version of Weblog for you. I have temporarily set the language of the demo site to French so you can see it in action before you buy (let me know if you see translatable strings that I missed).

It is currently available for download at autodidacts.io/thank-you; if you’d rather go the Creative Market route let me know and I will upload it there.

Thank you @curiositry. I don’t see it in french though. Also, I am not able to switch dark/light mode on the demo, why ? And finally, I don’t want to pay a monthly subscription to use it, I am used to pay one time for themes.

@bastien the demo respects the user’s system “prefers-colour-scheme” preference, which can be set in your browser’s settings. (It’s possible to add a dark mode toggle switch (example snippet) but it isn’t the default.)

Are you looking at the official demo? The content is still in English, but the interface elements should be in french (there is also a static site demo at https://www.curiositry.com/weblog-ghost-theme/, which isn’t in french.)

1 Like

@bastien It’s now on Creative Market too.