Web Safe fonts
for Block-Based Themes and Gutenberg
Quality WordPress font plugin
With the plugin you can easily select so called “web-safe”, reliable typefaces, fonts, which will make your website faster.
Choose from 15 web safe fonts and their alternatives!
Fast, lightweight, speed optimized
You can Choose which font is needed
Simple and intuitive to use
For all block-based themes and plugins
Plugin overview
This WordPress plugin provides web safe fonts by including an alternative for each of the 15 selectable options that most closely resembles it, and instructs browsers to only download them if the base standard font is not available. This way our website or webshop can be fast and still have a uniform appearance.
Selecting fonts has always been controversial. Some have opted for web-safe fonts, while others have chosen custom or Google Fonts. Then came GDPR and developers were forced to include the fonts in the site. However, in many cases (like this site) there is no need for fancy fonts. Web safe fonts have somewhat lost their advantage with the spread of Android, iOS, MacOS because these systems do not include the earlier standard fonts due to licensing.
- You can choose from 15 web-safe fonts
- Each font includes an alternative fallback font
- The browser downloads it only if the original font is not available
- All alternatives are optimized .woff2 fonts compliant with the Web Open Font Format 2.0 standard
- The usage license for each font is included in the plugin
- Compatible with all blocks and themes that use the default WordPress font management
- GDPR compliant because it uses local font files
WPCS (WP Code Standard)
PCP (WP Plugin Check Plugin)
ESLint
Benefits Compared to Icon Fonts
Performance is ensured by modern, clean, structured code and optimized .woff2 font files. The web browser downloads the font only if it is not already available on the device. In the admin interface you can select exactly which font and set you want; unused fonts are not loaded in either the editor or frontend code.
Simple, lightweight structure
The plugin contains no unnecessary elements or features. It is not overengineered; it focuses strictly on its intended purpose. The code is easy to maintain and relies on WordPress core functionality wherever possible.
For users, no coding required
The plugin is designed for ease of use: beyond activating it, only one action is required — selecting the desired font from a list. Everything else remains available in the familiar Gutenberg editor as usual.
Importance of compatibility
This plugin uses and extends the native capabilities of Gutenberg. There are no hacks or workarounds involved. As a result, it is compatible not only with Gutenberg and the Site Editor (Full Site Editor), but also with all block-based themes and block plugins — extensively so.
Translation Ready
Since the plugin does not include complex settings or large volumes of text, it can be translated quickly and easily into any language. It fully supports the WordPress i18n standard.
Standards and Verified code
From the very beginning of development, quality and adherence to standards are primary priorities in creating the WordPress plugin. This ensures long-term reliability and facilitates future extensibility. The plugin follows the WordPress Coding Standards (WPCS), is verified with ESLint, and has successfully passed the PCP (WordPress Plugin Check) test in full.
Active Support and Docs
Active support and assistance are available both on the official WordPress.org forums and through the plugin’s own support channels. Documentation and video tutorials are also available to help with using the plugin. If you have questions or would like to report an issue, multiple options are available. Please visit the contact or bug report pages.
Reviews and Ratings
Uploading…
If you would like to submit feedback, you can do so in the contact menu or in the official repo here. Thanks for that!
Frequently Asked Questions and Answers
The description about this can be viewed install article here.
The original fonts are licensed, and redistribution is not permitted (for example, bundling them inside a plugin or distributing them via CDN). Do not ask why standard system fonts have such restrictive licenses — that question should be directed to Microsoft or Apple.
The method uses a CSS loading approach supported by modern browsers. All modern browsers support it on both desktop and mobile devices, enabling fast loading in a standardized and fully compatible way.
The solution works using the native browser-handled method:
font-family: "Trebuchet MS", "Trebuchet-safe", Helvetica, sans-serif !important;The plugin instructs the browser to use the selected system font first. Only if that font is not available on the user’s device does the browser download the corresponding web-safe alternative. This ensures fast page load times while maintaining visual consistency across devices.
@font-face {
font-family: "Trebuchet-safe";
src: local("Cabin Condensed"), local("CabinCondensed"), local("CabinCondensed-Regular"),
url("https://rotistudio.hu/wp-content/plugins/web-safe-fonts-for-block-editor/assets/fonts/CabinCondensed-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}This way, the alternative font is loaded only if the original is not available, ensuring a visual experience that closely matches the original font, particularly for text display.
Documentation
Since this plugin does not include complex features and has no integrations with other plugins, detailed documentation is not really necessary for its use.