No Code, All Fonts thanks to the Font Library in WordPress 6.5
HTML-код
- Опубликовано: 12 сен 2024
- IMPORTANT CHANGE: The release was delayed by 1 week and updated to change the font location to wp-content/uploads/fonts. More can be learned here: make.wordpress...
Explore the Font Library, a tool that streamlines font management. This feature is set to land for WordPress 6.5 on April 2nd, 2024 (original date delayed by 1 week) and includes the following features:
- The Font Library operates globally, similar to the Media Library, allowing you to easily install, remove, and activate fonts across your entire site.
- Whether a font is installed by you or provided by your theme or plugin, the Font Library provides seamless selection across your editing experience.
- Google Fonts is integrated into the Font Library experience, offering a variety of typography options and quick uploads.
- This new ability empowers you to control a foundational aspect of your site’s design without the need for coding.
- Extenders can provide their own font collections and manage permissions, including turning the feature off.
More details that I mentioned in the video:
- For anyone looking to extend and add their own font collection or remove a font collection, please follow these work in progress docs: github.com/Wor...
- To change where fonts are uploaded, please follow the instructions outlined in this PR: github.com/Wor...
- For controlling user permissions, check out this discussion: github.com/Wor...
- To disable the font library UI, please use the PHP filter outlined in this PR: github.com/Wor...
#Fonts #WordPress #Gutenberg #SiteEditor
Important note that there's been a change in storage location for the Font Library to wp-content/uploads/fonts and a delay in the release by 1 week! More info here: make.wordpress.org/core/2024/03/25/wordpress-6-5-release-delayed-1-week/
I'm soooo looking forward to this!!! Elegant font management strikes me as one of the really significant mile-stones in the Gutenberg maturation!
Agreed. But it's a pity WP users need to get excited over finally getting basic functionality that all other applications have had since, what, 1988?
Thank you for sharing, Anne! It is very much appreciated!
Great.
Thanks for the video Anne. What is your app to record your screen ?
Thanks for watching! I'm using Screen Studio. It's pretty rad.
Hi, Anne! First of all, many thanks for these guidelines, they are super useful! I'm just wondering how hybrid themes can access the Font Library. Many thanks!
Thanks for the kind words and for watching! Right now, it's not possible since it requires access to Styles: github.com/WordPress/gutenberg/issues/41119
Hi @@AnneMcCarthy Many thanks for clarifying this to me!
Hi Anne, thanks so much for sharing. I'm just catching up on the feature. Is there anything block theme authors need to change in theme.json or with the way themes upload fonts?
Of course! Nothing needs to change for block themers. The only change for you all is that there is a new font collection feature that theme/plugins can use to register collections for the Font Library. You can see examples of that here: github.com/WordPress/gutenberg/issues/57980
Anne, thanks as always. Am I correct in thinking that the only way - for now - to use 3rd party fonts (e.g. Adobe Fonts) is to download the font from the service and then upload to the WP site?
That's correct! Unless you want to register them in theme.json (if you were a theme author for example).
@@AnneMcCarthy Of course I have to ask - how would I do that? Can you point me to a resource? (Oh, we don't have Google in NJ).
Will it be possible to add variabile fonts (e.g. just font weight 500)?
Yes! That's part of the current setup. You can pick and select the exact font weight you want (or download and upload). You have to intentionally select all font weights if you want all.
One plugin less…
Is that a thing for a Wordpress built in free themes? Thus if u have custom theme, you will not have this new feature?
This is available with block themes for free :) If the theme is a custom block theme, it should work.
Hi Anne, does this only work for themes compatible with FSE? I use Astra Pro and don't see the edit site button in the top menu bar. Thanks.
Right now, this is just available for block themes! In the future, I expect to see work done to bring it to all themes, similar to this: github.com/WordPress/gutenberg/issues/41119
@@AnneMcCarthy Thank you, Anne!
How do I use Adobe Fonts since they don't let you download them locally to upload?
You'll need to use a plugin like wordpress.org/plugins/custom-typekit-fonts/ in order to access them!
@@AnneMcCarthy I tried that plugin and put my project ID in there, but can't access the fonts in FSE "manage fonts"?