Description
We are going wild with fonts on the Gutenberg RichText editor toolbar. Change font family and/or size on each word or even a single letter – just as you like! This one is for the font-lovers. Therefor you can set up to 5 fonts. And even can set classes you want them as well to be attached to. And as well set and select up to 4 font weights.
Take a walk on the wild font side
- add up to 5 custom fonts to your editor blocks (Gutenberg)
- set your individual classes you want those to be appear
- set up to 4 individual font sizes
- set up to 4 different font wieght
- fonts and sizes can be even applied to single word OR even single letters!
Font family
Change inline text size.
The size is specified as a percentage of the base font size, and up to four types of settings can be made.
Font size
Change inline text size.
The size is specified as a percentage of the base font size, and up to four types of settings can be made.
Font weight
Change inline font weights.
Set up to four font-weight from 200 til 900 and name them – for easier handling.
Installation
This section describes how to install the plugin and get it working.
-
Upload
kontur-font-mat
to the/wp-content/plugins/
directory -
Activate the plugin through the ‘Plugins’ menu in WordPress
-
Go to WordPress Admin > Settings > kontur Font-o-Mat and change your settings
FAQ
-
Where do I find the settings?
-
Under WordPress Admin > Settings kontur > kontur Font-o-Mat or click the link ‘Settings’ under the plugin in your WordPress Admin Plugins section.
-
How many fonts can I add?
-
Currently we support up to five font-families to be included. So far we did not meet anyone that would use more. BUR drop us a line, if you do need more, and we will add more in the next version.
-
How do I set my font-family?
-
Fill in the field with your CSS. BUT without the “font-family:”. We deactivated the full CSS line for security reasons. So you just have to input “‘Open Sans’, sans-serif;” if you e.g. would want to activate Open Sans.
-
What does “get classy mean? How can I force the font to be attached to my theme css or other classes?
-
You can set the fonts as well to other elements on your side. So if if you want the font to override e.g. all “h1.yourclass” headlines you can put
“h1.yourclass” into the field an it will be shown on all “h1.yourclass” elements on your site.Fill in the field with your CSS. BUT without the “font-family:”. We deactivated the full CSS line for security reasons. So you just have to input “‘Open Sans’, sans-serif;” if you e.g. would want to activate Open Sans.
-
How do I include my Adobe or Google fonts?
-
First. This plugin is not really meant for including external fonts, we just included this, because someone was asking for it. The plugin does not check, if the font has been included before, so pls just use this, if you are sure it was not.
Just place the url e.g. with Google you do find at “Use on the web” on the “@import. But just the URL and NOT the whole code. Meaning for e.g open sans = https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,800;1,400&display=swap -
I need something else. Can I hire you?
-
Yes. Please get in touch via email email with a brief description of your requirements and budget for the project and we will start something else together.
-
This plugin is simple, but I want to show my appreciation?
-
Well, go for it! You can either make a donation or leave a rating to motivate me to keep working on the plugin.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“kontur font-o-mat” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “kontur font-o-mat” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- Date: 23.November.2022
- Updated settings page
- Added options for font-weights.
1.0.1
- Date: 08.January.2022
- First release of the plugin.