{"id":276027,"date":"2026-01-25T21:46:29","date_gmt":"2026-01-25T21:46:29","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/opentype-stylist\/"},"modified":"2026-07-24T19:36:14","modified_gmt":"2026-07-24T19:36:14","slug":"typography-stylist","status":"publish","type":"plugin","link":"https:\/\/lt.wordpress.org\/plugins\/typography-stylist\/","author":23409562,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.1.2","stable_tag":"2.1.2","tested":"6.9.5","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Typography Stylist","header_author":"Matthew Cowan","header_description":"Add advanced OpenType features (ligatures, stylistic sets, swashes) to headlines with inline text selection and live preview.","assets_banners_color":"000000","last_updated":"2026-07-24 19:36:14","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/typography-stylist\/","header_author_uri":"https:\/\/mnc4.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":1107,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.3":{"tag":"1.1.3","author":"matthewneilcowan","date":"2026-01-25 21:45:54"},"1.1.4":{"tag":"1.1.4","author":"matthewneilcowan","date":"2026-01-26 20:08:05"},"1.1.5":{"tag":"1.1.5","author":"matthewneilcowan","date":"2026-01-29 13:38:17"},"1.1.6":{"tag":"1.1.6","author":"matthewneilcowan","date":"2026-02-05 14:52:05"},"1.1.7":{"tag":"1.1.7","author":"matthewneilcowan","date":"2026-02-08 18:23:34"},"1.1.8":{"tag":"1.1.8","author":"matthewneilcowan","date":"2026-02-08 18:41:29"},"1.1.9":{"tag":"1.1.9","author":"matthewneilcowan","date":"2026-02-11 16:20:32"},"1.2.0":{"tag":"1.2.0","author":"matthewneilcowan","date":"2026-02-23 14:54:44"},"1.2.1":{"tag":"1.2.1","author":"matthewneilcowan","date":"2026-02-23 14:55:35"},"1.2.2":{"tag":"1.2.2","author":"matthewneilcowan","date":"2026-05-29 20:12:09"},"2.0.0":{"tag":"2.0.0","author":"matthewneilcowan","date":"2026-06-22 15:51:12"},"2.0.1":{"tag":"2.0.1","author":"matthewneilcowan","date":"2026-06-22 21:39:03"},"2.1.1":{"tag":"2.1.1","author":"matthewneilcowan","date":"2026-07-23 17:10:10"},"2.1.2":{"tag":"2.1.2","author":"matthewneilcowan","date":"2026-07-24 19:36:14"}},"upgrade_notice":{"2.1.2":"

Newly added fonts now enable only the weights they actually ship, with a one-click auto-detect for existing fonts; also fixes Glyphs Panel browsing for variable fonts from font-only ZIPs.<\/p>","2.1.1":"

Re-release of the 2.1.0 feature set with corrected packaging \u2014 the 2.1.0 download never contained the new files. Update to get variable fonts, font-only ZIP uploads, and WordPress Font Library integration.<\/p>","2.1.0":"

Font kit uploads now accept ZIPs containing only font files (e.g. Google Fonts downloads) \u2014 the @font-face stylesheet is generated automatically from the fonts' metadata. Adds WordPress Font Library integration (register uploaded fonts, adopt Library fonts in the editor), bundles the Variable Fonts extension into core, and adds a typost_force_enqueue_font_ids<\/code> filter for theme-driven font loading. Also fixes Adobe\/custom\/Library fonts not rendering inside the iframed block editor canvas. Existing content and settings are preserved; if you ran the standalone Variable Fonts extension, deactivate it after updating.<\/p>","2.0.1":"

Fixes mixed-content blocking of locally-hosted fonts in the Glyphs Panel on HTTPS sites.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3620314,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3620314,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3620314,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3620314,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3621904,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"meta\":{\"title\":\"Typography Stylist\",\"description\":\"Try OpenType features, the Glyphs Panel, and variable font controls in the block editor.\",\"author\":\"matthewneilcowan\",\"categories\":[\"typography\",\"editor\"]},\"preferredVersions\":{\"php\":\"8.2\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"typography-stylist\"},\"options\":{\"activate\":true}},{\"step\":\"runPHP\",\"code\":\" 'https:\\\/\\\/raw.githubusercontent.com\\\/google\\\/fonts\\\/main\\\/ofl\\\/stylescript\\\/StyleScript-Regular.ttf', 'eb-garamond.ttf' => 'https:\\\/\\\/raw.githubusercontent.com\\\/google\\\/fonts\\\/main\\\/ofl\\\/ebgaramond\\\/EBGaramond%5Bwght%5D.ttf', 'eb-garamond-italic.ttf' => 'https:\\\/\\\/raw.githubusercontent.com\\\/google\\\/fonts\\\/main\\\/ofl\\\/ebgaramond\\\/EBGaramond-Italic%5Bwght%5D.ttf', 'fraunces.ttf' => 'https:\\\/\\\/raw.githubusercontent.com\\\/google\\\/fonts\\\/main\\\/ofl\\\/fraunces\\\/Fraunces%5BSOFT%2CWONK%2Copsz%2Cwght%5D.ttf'); $zip_path = get_temp_dir() . 'typost-demo-fonts.zip'; $zip = new ZipArchive(); if (true === $zip->open($zip_path, ZipArchive::CREATE | ZipArchive::OVERWRITE)) { foreach ($sources as $fname => $url) { $resp = wp_remote_get($url, array('timeout' => 120)); if (!is_wp_error($resp) && 200 === (int) wp_remote_retrieve_response_code($resp)) { $zip->addFromString($fname, wp_remote_retrieve_body($resp)); } } $zip->close(); $typost = Typost::get_instance(); $entries = $typost->process_font_kit_zip(array('tmp_name' => $zip_path, 'name' => 'demo-fonts.zip', 'size' => filesize($zip_path), 'error' => 0, 'type' => 'application\\\/zip'), 'demo-fonts'); if (!is_wp_error($entries) && !empty($entries)) { $fonts = $typost->get_custom_fonts(); foreach ($entries as $entry) { $fonts[] = $entry; } update_option('typost_custom_fonts', $fonts); do_action('typost_font_uploaded', $entries); } }\"},{\"step\":\"runPHP\",\"code\":\" array('welcomeGuide' => false), 'core' => array('welcomeGuide' => false), '_modified' => gmdate('c'))); $style_id = 0; foreach ((array) get_option('typost_custom_fonts', array()) as $font) { if (isset($font['name'], $font['font_id']) && 'Style Script' === $font['name']) { $style_id = (int) $font['font_id']; break; } } $headline = 'Elegant Swashes & Hidden Glyphs'; if ($style_id > 0) { $headline = '' . $headline . '<\\\/span>'; } wp_insert_post(array( 'import_id' => 1000, 'post_title' => 'Typography Stylist Demo', 'post_status' => 'publish', 'post_content' => '

' . $headline . '<\\\/h2>' . '

The headline above is set in Style Script with its swash feature already on. Select it and click the swashy \\\"T\\\" button in the toolbar to toggle swashes, stylistic sets, and ligatures with live preview - or hit the Glyphs button to browse every alternate the font contains.<\\\/p>' . '

Three open-source faces are pre-installed: Style Script (12 stylistic sets + swashes), EB Garamond (swash italic capitals, small caps, a weight axis), and Fraunces (custom SOFT and WONK variable axes - try the sliders). Visit Settings → Typography Stylist to explore the control panel.<\\\/p>', ));\"},{\"step\":\"setSiteOptions\",\"options\":{\"blogname\":\"Typography Stylist Demo\"}}],\"landingPage\":\"\\\/wp-admin\\\/post.php?post=1000&action=edit\"}"}},"all_blocks":{"typost\/block":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"typost\/block","title":"Typography Stylist","category":"text","icon":{"src":"<\/svg>"},"description":"Advanced OpenType typography with full accessibility support. Block panel settings apply to the entire block; use Quick Features Toggle for individual selections.","keywords":["typography","opentype","ligatures","heading","accessibility"],"textdomain":"typography-stylist","supports":{"html":false,"align":["wide","full"],"anchor":true,"color":{"text":true,"background":true,"link":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":false,"lineHeight":true},"__experimentalTextAlign":true},"attributes":{"content":{"type":"string","default":""},"tagName":{"type":"string","default":"h2"},"features":{"type":"array","default":[]},"fontFamily":{"type":"string","default":""},"fontId":{"type":"number","default":0},"fontSize":{"type":"string","default":"inherit"},"fontSizeMin":{"type":"number","default":16},"fontSizePreferred":{"type":"number","default":32},"fontSizeMax":{"type":"number","default":64},"fontWeight":{"type":"string","default":"400"},"letterSpacing":{"type":"number","default":0},"lineHeight":{"type":"number","default":0},"screenReaderClass":{"type":"string","default":"visually-hidden"},"textAlign":{"type":"string"},"styleClass":{"type":"string","default":""},"fontVariationSettings":{"type":"string","default":""},"layeredConfigId":{"type":"number","default":0},"animationConfigId":{"type":"number","default":0}},"editorScript":"file:.\/build\/index.js","editorStyle":"file:.\/editor.css","style":"file:.\/style.css","viewScript":"file:.\/view.js"}},"tagged_versions":["1.1.3","1.1.4","1.1.5","1.1.6","1.1.7","1.1.8","1.1.9","1.2.0","1.2.1","1.2.2","2.0.0","2.0.1","2.1.1","2.1.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3621857,"resolution":"1","location":"assets","locale":"","width":1440,"height":900},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3621857,"resolution":"2","location":"assets","locale":"","width":1440,"height":900},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3621857,"resolution":"3","location":"assets","locale":"","width":1440,"height":900},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3621857,"resolution":"4","location":"assets","locale":"","width":1440,"height":900},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3621857,"resolution":"5","location":"assets","locale":"","width":1440,"height":900},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3621857,"resolution":"6","location":"assets","locale":"","width":1440,"height":900},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3621857,"resolution":"7","location":"assets","locale":"","width":1440,"height":900},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3621857,"resolution":"8","location":"assets","locale":"","width":1440,"height":900}},"screenshots":{"1":"The Glyphs Panel \u2014 browse a font's full character set, filtered here to a stylistic set's script alternates, and insert any glyph with a click","2":"Inline editor on a heading block \u2014 toggling Swashes (swsh) with live preview, applied instantly to the selected text","3":"Quick Feature Toggles inside the Typography Stylist block \u2014 per-selection controls, here setting a different variable-font weight for one word","4":"Typography Stylist block with sidebar controls \u2014 a variable font's Weight axis slider replaces the discrete weight dropdown","5":"Per-font variable axis configuration \u2014 axes detected from the font file, with ranges and WordPress Font Library registration","6":"Font Features preview in the admin \u2014 every OpenType feature previewed with your own text in the selected font","7":"The unified font list \u2014 uploaded kits, Adobe Fonts, and WordPress Font Library fonts with Variable and registration badges","8":"The block's Accessibility panel \u2014 the screen-reader class behind the dual-heading pattern that keeps styled text accessible"}},"plugin_section":[],"plugin_tags":[268380,38623,254644,5126,273021],"plugin_category":[43],"plugin_contributors":[252841],"plugin_business_model":[],"class_list":["post-276027","plugin","type-plugin","status-publish","hentry","plugin_tags-glyphs","plugin_tags-ligatures","plugin_tags-opentype","plugin_tags-typography","plugin_tags-variable-fonts","plugin_category-customization","plugin_contributors-matthewneilcowan","plugin_committers-matthewneilcowan"],"banners":{"banner":"https:\/\/ps.w.org\/typography-stylist\/assets\/banner-772x250.png?rev=3620314","banner_2x":"https:\/\/ps.w.org\/typography-stylist\/assets\/banner-1544x500.png?rev=3620314","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/typography-stylist\/assets\/icon-128x128.png?rev=3620314","icon_2x":"https:\/\/ps.w.org\/typography-stylist\/assets\/icon-256x256.png?rev=3620314","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-1.png?rev=3621857","caption":"The Glyphs Panel \u2014 browse a font's full character set, filtered here to a stylistic set's script alternates, and insert any glyph with a click"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-2.png?rev=3621857","caption":"Inline editor on a heading block \u2014 toggling Swashes (swsh) with live preview, applied instantly to the selected text"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-3.png?rev=3621857","caption":"Quick Feature Toggles inside the Typography Stylist block \u2014 per-selection controls, here setting a different variable-font weight for one word"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-4.png?rev=3621857","caption":"Typography Stylist block with sidebar controls \u2014 a variable font's Weight axis slider replaces the discrete weight dropdown"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-5.png?rev=3621857","caption":"Per-font variable axis configuration \u2014 axes detected from the font file, with ranges and WordPress Font Library registration"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-6.png?rev=3621857","caption":"Font Features preview in the admin \u2014 every OpenType feature previewed with your own text in the selected font"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-7.png?rev=3621857","caption":"The unified font list \u2014 uploaded kits, Adobe Fonts, and WordPress Font Library fonts with Variable and registration badges"},{"src":"https:\/\/ps.w.org\/typography-stylist\/assets\/screenshot-8.png?rev=3621857","caption":"The block's Accessibility panel \u2014 the screen-reader class behind the dual-heading pattern that keeps styled text accessible"}],"raw_content":"\n

Some of your fonts' best work is hidden. Swashes, stylistic sets, discretionary ligatures, alternate characters: features a type designer spent months drawing are locked away where WordPress never shows them. Typography Stylist opens the full type cabinet, right inside the block editor, without giving up accessibility or SEO.<\/p>\n\n

Typography Stylist is not just a font-loading plugin (although it does that too). it sits a layer above. Font managers and the WordPress Font Library get font files onto your site; Typography Stylist is about what you do with them once they are there: browsing every glyph a face contains, turning on the OpenType features that make it sing, tuning variable font axes, and doing it all with live preview on your actual content.<\/p>\n\n

The Glyphs Panel<\/h4>\n\n

An Illustrator-style glyph browser, built in. Explore every character and OpenType feature a font contains; search by character, codepoint, or glyph name; filter by stylistic set, OpenType feature, or Unicode block; and insert any glyph,including feature alternates, directly into your content with a click. The grid is fully keyboard-navigable and screen-reader announced, and fonts are parsed in your browser for metadata only, so font EULAs stay respected: no outlines are extracted, nothing font-derived is stored on your server.<\/p>\n\n

Variable Fonts<\/h4>\n\n

Full control over variable font axes (v2.1+):<\/p>\n\n