by
matthewneilcowan
1 (0 reviews)
Typography Stylist
A Glyphs Panel, paragraph styles, and OpenType and variable font controls for the block editor. Expressive typography that stays accessible.
Typography Stylist ranks #44,207 among WordPress.org plugins with 10+ active installations, is #3,746 of 8,848 in the Customization category, a 1/5 rating from 0 reviews, and was last updated Oct 26, 2026. Data from WordPress.org, refreshed twice daily — see methodology.
Compatible with WP 7.1
v2.3.4
Current Version v2.3.4
Updated 1 week ago
Last Update on 26 Oct, 2026
Refreshed 1 week ago
Last Refreshed on
#3,746 of 8,848 in Customization
Top 50% by installs
Actively maintained
Rank
#44,207
—
No change
Active Installs
10+
—
No change
KW Avg Position
25
—
No change
Downloads
434
+1 today
Support Resolved
0%
—
No change
Rating
20%
Review 1 out of 5
1
(0 reviews)
Next Milestone 20
10+
20+
21,034
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 5 more installs to reach 20+
Rank Changes
Current
#44,207
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
1.0
0 reviews
Overall
20%
5
0
(0%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 2.3.4
- Last Updated
- Oct 26, 2026
- Requires WP
- 5.8+
- Tested Up To
- 7.1
- PHP Version
- 7.4 or higher
- Author
- matthewneilcowan
Support & Rating
- Rating
- ★ ☆ ☆ ☆ ☆ 1
- Reviews
- 0
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
Adminify – White Label, Admin Menu Editor, Login Customizer
6K+ installs
#2,757
Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits
30K+ installs
#1,015
Elementor Website Builder – more than just a page builder
10M+ installs
#1
LiteSpeed Cache
7M+ installs
#5
Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder
2M+ installs
#26
Essential Addons for Elementor – Popular Elementor Templates & Widgets
1M+ installs
#29
Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg
1M+ installs
#34
Custom Post Type UI
1M+ installs
#50
One Click Demo Import
1M+ installs
#62
Translate WordPress with GTranslate
900K+ installs
#71
Frequently Asked Questions
Common questions about Typography Stylist
For OpenType features such as stylistic sets and swashes, the font must contain them. Many professional typefaces do. Many free fonts have few features or none. Letter spacing, line height, size, and weight work with any font. If a font does not have a feature, the feature has no effect.
Yes. Some Google Fonts have OpenType features. Read the font’s specimen page to see which ones.
Yes. You can add fonts in four ways: Upload a webfont kit from MyFonts, Font Squirrel, or a different provider on the Custom Fonts tab. Connect Adobe Fonts (Typekit). Paste the embed code of your project. Define a custom font that your theme, a different plugin, or a CDN (such as Google Fonts) loads. The font then shows in the editor’s font list. Use a WordPress Font Library font (WordPress 6.5+) from the editor’s font list. The plugin can also apply OpenType features to a font that your site already loads, without a selection in the font list. The previews on the settings page work only for fonts that you upload or connect through the plugin.
Go to Settings → Typography Stylist → Custom Fonts. Open “Add Font”, then open “Upload Font Kit”. Click “Choose ZIP File” and select your webfont kit ZIP. Click “Upload Font Kit”. The plugin reads the font names from the kit. Kits from MyFonts and Font Squirrel, and font downloads from Google Fonts, all work. The ZIP does not need a stylesheet. If the ZIP has only font files, the plugin reads the metadata of each font and makes the @font-face CSS. For a variable font, the CSS includes the weight range. The server cannot read WOFF2 metadata. For a ZIP with only WOFF2 files, the plugin gets the family and the weight from the file names, and a warning asks you to check them. The plugin also finds the weights that each font has, and checks only those weights in “Available Font Weights”. You can change the checkboxes at any time.
Go to Settings → Typography Stylist → Custom Fonts. Open “Add Font”, then open “Add Adobe Fonts Project”. Paste the embed code of your Adobe Fonts project (the <link> tag) into “Adobe Fonts Embed Code”. The older <script> embed code also works. In “Font Family Names”, enter the font family names from your project, with commas between them. This field is necessary. Click “Add Adobe Fonts Project”. Make sure that your domain is authorized in your Adobe Fonts project settings. The fonts load from Adobe’s servers.
Go to Settings → Typography Stylist → Custom Fonts. Open “Add Font”, then open “Add Custom Font Definition”. In “Font Name”, enter a display name for the font. In “CSS Font Family”, enter the exact CSS font-family value, for example 'Playfair Display', serif. You can include fallback fonts in this value. Click “Add Custom Font”. The font shows in the block editor’s font list. The plugin does not load the font. The settings page cannot preview features for it.
Yes. Click the name of a font on the Custom Fonts tab to open its settings. Enter the fallback fonts in “Fallback Fonts (optional)”, with commas between them. The browser uses them if the main font does not load. Content refers to a font through a CSS variable, so the change applies to existing content too.
When you delete a font, you can choose a replacement font. Content that used the deleted font then shows the replacement. You can manage these replacements on the Replacement Fonts tab. Use this when you change fonts for a rebrand.
Set the typography of some text in either editor. Click “Save Current Settings as Style” and give the style a name. Select other text. To apply the style in a heading or paragraph, click “Browse styles…” and pick the style. In a Typography Stylist block, pick the style from the Paragraph Style list. To style a whole Paragraph or Heading block, open Paragraph Style in the block sidebar and click “Browse styles…”. The style goes into the block’s “Additional CSS class(es)” field as typost-styled typost-ps-N. Do not remove those two classes by hand; use “Detach Style” instead. To change a style everywhere, change the settings on text that uses the style and click “Update Style”. The style browser shows 24 styles at a time. A button under the list shows the next styles. To base a style on another style, click “Edit” on the style in Settings → Typography Stylist → Paragraph Styles and choose a style in “Based on”. The style then uses that style’s value for every setting it does not set itself, and follows later changes to it. The card marks each value as “Inherited” or “Override”, and “Reset to Base” in the Edit form removes all overrides. When you delete a style, the styles based on it keep their look.
Yes. See the Accessibility section in the description for the two-copy pattern and the word-boundary notice. Settings → Typography Stylist → Accessibility has these options: Disable Word Boundary Warning: Turns off the notice about styles on part of a word. Each Typography Stylist block also has an Accessibility panel in its sidebar. There, choose the class that hides the plain heading: visually-hidden, sr-only, screen-reader-text, or your own class.
