{"id":286007,"date":"2026-05-24T10:27:48","date_gmt":"2026-05-24T10:27:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/web-safe-fonts-for-block-editor\/"},"modified":"2026-05-24T11:26:56","modified_gmt":"2026-05-24T11:26:56","slug":"web-safe-fonts-for-editor-by-rotistudio","status":"publish","type":"plugin","link":"https:\/\/hu.wordpress.org\/plugins\/web-safe-fonts-for-editor-by-rotistudio\/","author":10748236,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.0","requires":"5.9","requires_php":"7.4","requires_plugins":null,"header_name":"Web-Safe Fonts for Editor by RotiStudio","header_author":"RotiStudio - Tamas Rottenbacher","header_description":"Add the option to choose web safe fonts in the WordPress block editor (Gutenberg), so your website can be faster and more consistent appearance.","assets_banners_color":"90b186","last_updated":"2026-05-24 11:26:56","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/rotistudio.com\/contact\/","header_plugin_uri":"https:\/\/rotistudio.com\/plugins\/web-safe-fonts-plugin-wordpress\/","header_author_uri":"https:\/\/rotistudio.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":84,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"rtomo","date":"2026-05-24 11:26:56"}},"upgrade_notice":{"1.1.0":"<ul>\n<li>Minor bug fix.<\/li>\n<li>Replace FreeSans to CabinCondensed for Trebuchet MS alternative.<\/li>\n<\/ul>","1.0.0":"<ul>\n<li>Initial release.<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":3546073,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":3546073,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256},"icon.svg":{"filename":"icon.svg","revision":3546073,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3546073,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3546073,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3546073,"resolution":"1","location":"assets","locale":"","width":1440,"height":755},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3546073,"resolution":"2","location":"assets","locale":"","width":1440,"height":755},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3546073,"resolution":"3","location":"assets","locale":"","width":1440,"height":755}},"screenshots":{"1":"Web safe fonts listed in the block editor Typography panel.","2":"A header block with a web safe font applied in the editor.","3":"The options to enable the fonts."}},"plugin_section":[],"plugin_tags":[148857,1332,2221,148076,5126],"plugin_category":[43,46],"plugin_contributors":[258933,256146],"plugin_business_model":[],"class_list":["post-286007","plugin","type-plugin","status-publish","hentry","plugin_tags-block-editor","plugin_tags-editor","plugin_tags-fonts","plugin_tags-gutenberg","plugin_tags-typography","plugin_category-customization","plugin_category-editor-and-writing","plugin_contributors-rotistudio","plugin_contributors-rtomo","plugin_committers-rtomo"],"banners":{"banner":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/banner-772x250.jpg?rev=3546073","banner_2x":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/banner-1544x500.jpg?rev=3546073","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/icon.svg?rev=3546073","icon":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/icon.svg?rev=3546073","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/screenshot-1.png?rev=3546073","caption":"Web safe fonts listed in the block editor Typography panel."},{"src":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/screenshot-2.png?rev=3546073","caption":"A header block with a web safe font applied in the editor."},{"src":"https:\/\/ps.w.org\/web-safe-fonts-for-editor-by-rotistudio\/assets\/screenshot-3.png?rev=3546073","caption":"The options to enable the fonts."}],"raw_content":"<!--section=description-->\n<p>Hungarian: <a href=\"https:\/\/rotistudio.hu\/bovitmenyek\/web-safe-betutipusok-wordpress-szerkesztohoz\/\">Magyar nyelv\u0171 b\u0151v\u00edtm\u00e9ny le\u00edr\u00e1s<\/a><\/p>\n\n<p>This plugin adds 15 web safe font families to the WordPress block editor's typography panel. No Google Fonts, no external requests, no JavaScript font loaders, CSS import \u2014 just the fonts that are already installed on your visitors' devices.<\/p>\n\n<p>Web safe fonts are pre-installed on Windows, Linux operating systems, which means they render instantly without any network request. Your website loads faster, looks consistent across devices, and avoids layout shifts caused by font loading.<\/p>\n\n<p>We have a Plan B! When a visitor uses a different operating system or device, the plugin loads the same or an alternative font, so the design won\u2019t change.<\/p>\n\n<p><strong>Available fonts:<\/strong><\/p>\n\n<p><em>Sans-serif<\/em>\n- Arial (Alternative: Liberation Sans)\n- Verdana (Alternative: DejaVu Sans)\n- Tahoma (Alternative: DejaVu Sans)\n- Trebuchet MS (Alternative: CabinCondensed)\n- Arial Black (Alternative: Archivo Black)\n- Lucida Sans Unicode (Alternative: DejaVu Sans)\n- MS Sans Serif (Alternative: DejaVu Sans)\n- Impact (Alternative: Oswald)<\/p>\n\n<p><em>Serif<\/em>\n- Times New Roman (Alternative: Liberation Serif)\n- Georgia (Alternative: Liberation Serif)\n- Palatino Linotype (Alternative: TeX Gyre Pagella)\n- Book Antiqua (Alternative: TeX Gyre Pagella)<\/p>\n\n<p><em>Monospace<\/em>\n- Courier New (Alternative: Liberation Mono)\n- Lucida Console (Alternative: DejaVu Sans Mono)<\/p>\n\n<p><em>Cursive<\/em>\n- Comic Sans MS (Alternative: Comic Neue)<\/p>\n\n<p><strong>Why is this plugin beneficial?<\/strong>\n- No external font files or network requests\n- Fonts load instantly \u2014 already available on the user\u2019s device\n- Uses standard, pre-installed system fonts (no Android, iOS, or macOS dependencies)\n- Works with every block that supports typography (paragraph, heading, button, etc.)\n- No additional privacy, GDPR, or cookie measures required\n- Fully compatible with Full Site Editing (FSE) and block themes\n- Core Web Vitals friendly \u2014 eliminates font-related render blocking and layout shifts\n- Lightweight, with no overengineered or unnecessary features\n- Downloads a font only when necessary<\/p>\n\n<p><strong>How it works<\/strong>\nThe plugin registers the font families in the theme.json data layer via the <code>wp_theme_json_data_theme<\/code> filter. This makes them appear alongside your theme's own fonts in the Typography panel of every block that supports font selection. The corresponding CSS classes are enqueued as inline styles, so fonts are applied correctly both in the editor and on the frontend.<\/p>\n\n<p>Do you have other plugins? Yes, check my plugins website: <a href=\"https:\/\/rotistudio.com\/\">rotistudio.com<\/a>\nWhere can we learn more about your work? Check my personal website there: <a href=\"https:\/\/rottenbacher.hu\/\">rottenbacher.hu<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to the <code>\/wp-content\/plugins\/web-safe-fonts-for-editor-by-rotistudio<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Go to Dashboard\/Settings\/Writing <code>\/wp-admin\/options-writing.php<\/code><\/li>\n<li>Open any block in the block editor, go to the Typography panel on the right sidebar, and select a font family from the list.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"which%20blocks%20support%20font%20family%20selection%3F\"><h3>Which blocks support font family selection?<\/h3><\/dt>\n<dd><p>Any block that exposes the Typography panel in the block editor supports font selection. This includes Paragraph, Heading, List, Button, and many more \u2014 both core blocks and third-party blocks that follow WordPress block standards.<\/p><\/dd>\n<dt id=\"will%20this%20conflict%20with%20my%20theme%27s%20fonts%3F\"><h3>Will this conflict with my theme's fonts?<\/h3><\/dt>\n<dd><p>No. The plugin adds its fonts alongside your theme's existing font families, not instead of them. Your theme fonts remain fully available.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20classic%20themes%20and%20classic%20editor%3F\"><h3>Does it work with classic themes and Classic Editor?<\/h3><\/dt>\n<dd><p>Sad, but no. The font families are registered in the theme.json layer, which classic themes may not fully support. The plugin is primarily designed for block themes and Full Site Editing.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20site%20editor%20%28full%20site%20editing%20-%20fse%29%3F\"><h3>Is it compatible with Site Editor (Full Site Editing - FSE)?<\/h3><\/dt>\n<dd><p>Yes. The plugin uses the standard <code>wp_theme_json_data_theme<\/code> filter, which is the recommended way to extend typography settings in FSE block themes.<\/p><\/dd>\n<dt id=\"why%20can%E2%80%99t%20i%20see%20the%20fonts%3F\"><h3>Why can\u2019t I see the fonts?<\/h3><\/dt>\n<dd><p>First, go to Dashboard \/ Settings \/ Writing, select the desired font checkbox, and save.\nThen go to Dashboard \/ Appearance \/ Editor \/ Styles \/ Typography, and the Fonts list, and activate the required variant.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Minor bug fix.<\/li>\n<li>Replace FreeSans to CabinCondensed for Trebuchet MS alternative.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release. 15 web safe font families added to the WordPress block editor.<\/li>\n<\/ul>","raw_excerpt":"Add the option to choose web safe fonts in the WordPress block editor (Gutenberg), so your website can be faster and more consistent appearance.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/286007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=286007"}],"author":[{"embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/rtomo"}],"wp:attachment":[{"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=286007"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=286007"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=286007"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=286007"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=286007"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/hu.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=286007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}