Freemius

Sven Lehnert

Themekraft

konradS

<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/i1_us4mjlCA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Why TK Google Fonts?</h4>
<h4>Fast Pageload</h4>
<p>The plugin makes your WordPress website loads faster as it only loads the fonts you select. This is good for your page loading times and provide seamless customer experience for your user.</p>
<h4>Easy to use UI</h4>
<p>We have build a native and user friendly UI so that selecting your favorite Google Fonts is a pure joy.<br />
Fancy previews of every font and your custom text for font testing!<br />
Easy adding and removing of fonts with just one click.</p>
<p>TK Google Fonts will automatically add the selected fonts to your site.</p>
<h4>Use via WordPress Customizer</h4>
<p>Simply use the new options that appear in the WordPress Customizer<br />
to apply the Google Fonts to your titles, body text or blockquotes.</p>
<h4>Use via CSS</h4>
<p>You can then use the fonts in your CSS without any extra step needed.<br />
Follow the instructions on the Google Page how to integrate your font.</p>
<h4>HTTP and HTTPS Supported</h4>
<p>The Plugin auto detects your site security and use https to load the google fonts if SSL is enabled.</p>
<h4>Great for SEO</h4>
<p>TK Google Fonts help shoot your website rankink by reducing your website loadtime.</p>
<h4>Use within theme options</h4>
<p>If your theme supports TK Google Fonts in its theme options,<br />
your selected fonts will be offered in the theme options there!</p>
<p>See a list of which themes support TK Google Fonts more down the page.</p>
<h4>Customizable and extendable</h4>
<p>TK Google Fonts can be your Google webfonts core plugin.</p>
<p>Use TK Google Fonts in your theme or plugin settings page to let the user select fonts for the different post parts like (title, text, menus,…)</p>
<p>All ThemeKraft Themes support TK Google Fonts 100% and every font will be immediately available in all font selectors of the theme options.</p>
<p><a href="https://themekraft.com/add-google-fonts-to-wordpress-themes-easily-with-the-new-google-fonts-wordpress-plugin/" rel="nofollow ugc">Add Google Fonts to WordPress Themes easily with the Google Fonts WordPress Plugin</a></p>


TK Google Fonts GDPR Compliant

This helps me a lot and works really good!

Thanks!

TK Google Fonts gives you a simple and easy way to add custom google fonts to any WordPress site without complex codes. Full GDPR Compliance.

matthewneilcowan

<p>Typography Stylist provides advanced typography controls for WordPress. This plugin allows you to apply OpenType features directly in the block editor, and access glyphs and ligatures hidden within fonts. Additionally, set properties like letter spacing, line-height, responsive sizing, font-weight, and more in the editor, so you can get exactly the look you want from your typefaces.</p>
<p>Manage fonts from the settings page, either by uploading webfont kits or adding Adobe Typekit embeds. Fonts load intelligently only when they are used.  With support for ligatures, stylistic sets, swashes, and alternates, you can create elegant headlines and premium typography effects with ease.</p>
<p>Accessibility features ensure that your styled text remains readable by screen readers and assistive technologies: breaking up strings of text with the inline span elements necessary to apply complex features can cause screen readers to read words in fragments or skip them entirely. The plugin includes a custom Typography Stylist block that provides a clean, unbroken set of text to maintain screen reader compatibility while allowing for complex typography to be presented visually. When applying features to partial words in standard heading blocks, the plugin detects potential accessibility issues and provides a warning with options to convert to the Typography Stylist block for maximum accessibility, or to apply the features anyway. When the block cannot be converted (e.g., inside a locked pattern), the conversion option is hidden and the warning adjusts accordingly. The warning can be disabled entirely in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Typography Stylist <span aria-hidden="true" class="wp-exclude-emoji">→</span> Accessibility.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Custom Typography Stylist Block</strong>: Create complex typography with maximum accessibility using the dedicated block. Screen readers can “stumble” over complex inline formatting required to display specific ligatures and alternates. This block preserves the document outline while providing styled text for visual users.</li>
<li><strong>Inline Text Selection</strong>: Highlight any text within richtext blocks like headings, and apply basic typography features quickly. A warning will pop up if your selection breaks words and causes accessibility issues, with options to convert to the Custom Typography Stylist Block for maximum accessibility or apply anyway. The warning can be disabled in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Accessibility.</li>
<li><strong>Live Preview</strong>: Preview changes in real-time before applying.</li>
<li><strong>Rich Feature Support</strong>: Ligatures (liga, dlig, calt), Stylistic Sets (ss01-ss20), Swashes, Alternates, and more.</li>
<li><strong>Visual Interface</strong>: User-friendly, resizable, moveable popover with organized feature categories.</li>
<li><strong>Advanced Typography Controls</strong>: Adjust letter spacing, font weight, responsive font sizes, and more.</li>
<li><strong>Block Editor Native</strong>: Seamlessly integrates with Gutenberg.</li>
<li><strong>Custom Fonts Management</strong>: Upload webfont kits from MyFonts, Font Squirrel, or other providers, connect Adobe Fonts, or define custom fonts loaded through themes or CDNs. Fonts are loaded intelligently only on the pages you need them for optimum performance.</li>
<li><strong>Font Fallbacks</strong>: Facing a rebranding and needing to change fonts? No worries. Delete a font previously defined, and use the fallback system to seamlessly replace them.</li>
<li><strong>Font Preview</strong>: Test OpenType features with any uploaded font in the settings > admin page to find exactly the styles you need.</li>
<li><strong>Accessibility Features</strong>: Screen reader support with ARIA markup and a heading structure that maintains proper semantics for both screen reader and visual views</li>
<li><strong>ARIA Label Support</strong>: Optional aria-label attributes for screen reader compatibility for rich text blocks with inline formatting</li>
<li><strong>Automatic Archive Detection</strong>: Custom fonts load automatically on blog archives, category pages, and tag pages without requiring manual configuration</li>
</ul>
<h4>Supported OpenType Features</h4>
<p><strong>Ligatures:</strong><br />
* Standard Ligatures (liga)<br />
* Discretionary Ligatures (dlig)<br />
* Contextual Alternates (calt)<br />
* Contextual Ligatures (clig)<br />
* Historical Ligatures (hlig)</p>
<p><strong>Stylistic Sets:</strong><br />
* ss01 through ss20</p>
<p><strong>Swashes & Alternates:</strong><br />
* Swashes (swsh)<br />
* Contextual Swashes (cswh)<br />
* Stylistic Alternates (salt)<br />
* Titling (titl)<br />
* Historical Forms (hist)</p>
<p><strong>Decorative:</strong><br />
* Ornaments (ornm)</p>
<p><strong>Numerals & Figures:</strong><br />
* Proportional Figures (pnum)<br />
* Tabular Figures (tnum)<br />
* Lining Figures (lnum)<br />
* Oldstyle Figures (onum)<br />
* Fractions (frac)<br />
* Slashed Zero (zero)</p>
<p><strong>Capitals & Case:</strong><br />
* Small Capitals (smcp)<br />
* Capitals to Small Caps (c2sc)<br />
* Petite Capitals (pcap)<br />
* Case-Sensitive Forms (case)</p>
<p><strong>Positional Forms:</strong><br />
* Initial Forms (init)<br />
* Medial Forms (medi)<br />
* Terminal Forms (fina)<br />
* Isolated Forms (isol)</p>
<p><strong>Superscript & Ordinals:</strong><br />
* Superscript (sups)<br />
* Subscript (subs)<br />
* Ordinals (ordn)</p>
<p><strong>Other Features:</strong><br />
* Kerning (kern)<br />
* Localized Forms (locl)<br />
* Randomize (rand)</p>
<h4>Perfect For</h4>
<ul>
<li>Wedding invitations and event designs</li>
<li>Luxury brand websites</li>
<li>Editorial and magazine layouts</li>
<li>Elegant script fonts</li>
<li>Display typography</li>
<li>Premium web fonts</li>
</ul>
<h4>Recommended Fonts</h4>
<p>This plugin requires fonts that support OpenType features. Many premium script fonts and professional typefaces include these features.</p>
<p>Examples:<br />
* Script fonts by Alejandro Paul like Inglesa, Gratitude Script (with the wonderful Kathy Milici)<br />
* Bookmania by Mark Simonson<br />
* Orpheus, designed by Kevin King, Patrick Griffin, and Walter Tiemann, from Canada Type<br />
* Elaina and other fonts by Laura Worthington<br />
* Liza from Underware<br />
* Memoriam by Patrick Griffin<br />
* ITC Avant Garde designed by André Gürtler, Christian Mengelt, Ed Benguiat, Erich Gschwind, Herb Lubalin, and others. From Monotype<br />
* Many other typefaces</p>
<p>Check the font’s documentation or specimen to verify which OpenType features are supported. Not all fonts have alternates or other advanced features.</p>
<h4>How It Works For Headings</h4>
<ol>
<li>Create or edit a heading block (H1-H6)</li>
<li>Type your headline text</li>
<li>Select the text you want to style</li>
<li>Click the “Typography Features” button in the toolbar (a swashy “T” icon)</li>
<li>Select individual features</li>
<li>See the live preview at the bottom of the popover</li>
<li>If using partial word selections, you’ll see an accessibility warning with options to convert to the Typography Stylist Block for maximum accessibility, or apply the features anyway. If the block cannot be converted (e.g., inside a locked pattern), only the “Apply Anyway” option is shown. This warning can be disabled in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Typography Stylist <span aria-hidden="true" class="wp-exclude-emoji">→</span> Accessibility.</li>
<li>Click Apply</li>
</ol>
<h4>How It Works For Custom Blocks</h4>
<ol>
<li>Create or edit a Typography Stylist block</li>
<li>Type your text</li>
<li>Apply any global block settings in the sidebar</li>
<li>Select any text you want to style</li>
<li>Click the “Typography Features” button in the toolbar (a swashy “T” icon)</li>
<li>Select individual features and see the live preview</li>
</ol>
<h3>Technical Details</h3>
<h4>Browser Support</h4>
<ul>
<li>Chrome/Edge: Full support</li>
<li>Firefox: Full support</li>
<li>Safari: Full support</li>
<li>Internet Explorer 10+: Partial support</li>
</ul>
<h4>Performance</h4>
<p>Features are applied using CSS font-feature-settings, which is hardware-accelerated in modern browsers. The plugin includes JavaScript in the block editor but uses only CSS for frontend rendering.</p>
<h4>Data Storage</h4>
<p>Typography features are stored as inline styles and data attributes within post content. No additional database tables are created.</p>
<h4>Extensibility</h4>
<p>Developers can extend the plugin using WordPress hooks and filters. REST API endpoints are available at <code>/wp-json/typography-stylist/v1/</code>.</p>
<h4>Font Management</h4>
<p>The plugin provides three ways to add custom fonts:</p>
<p><strong>Upload Webfont Kits:</strong><br />
Upload complete webfont kits (ZIP files) from MyFonts, Fontspring, or other providers. The plugin extracts fonts, processes CSS, and stores files securely in your WordPress uploads directory.</p>
<p><strong>Adobe Fonts Integration:</strong><br />
Connect Adobe Fonts (Typekit) projects by pasting the embed code. Fonts load directly from Adobe’s servers.</p>
<p><strong>Custom Font Definitions:</strong><br />
Define fonts that are already loaded through your theme, plugins, or CDN (like Google Fonts). Simply provide the font family name and optional fallbacks. No files are uploaded to WordPress—fonts continue loading from their original source.</p>
<p>All three methods make fonts available in the block editor and preview selector.</p>
<h4>Source Code</h4>
<p>This plugin includes both compiled/minified files and their source code to meet WordPress security and transparency requirements.</p>
<p><strong>Minified/Compiled Files:</strong><br />
* assets/js/<em>.min.js files have corresponding source files in assets/js/<br />
* assets/css/</em>.min.css files have corresponding source files in assets/css/<br />
* blocks/typography-stylist/build/ files are compiled from blocks/typography-stylist/ source files</p>
<h3>Credits</h3>
<p>Developed by Matthew Cowan.</p>
<p>Special thanks to my wife for her support and inspiration, and to my dog, Sugar, for taking long walks with me between adding features.</p>


Typography Stylist

Unlock hidden OpenType features like ligatures, swashes, and stylistic sets in the WordPress block editor with advanced typography controls.

TK Google Fonts GDPR Compliant vs Typography Stylist