Plugin InformationSmart Web Fonts Control is powerful plugin that can easily add any of the free Google Web Fonts, Adobe Edge Fonts or your own @font-face fonts packages to your website. Plugin allows auto update for fonts, and it can always get latest list of available fonts from Google (requires Google API key) or Adobe. For Google, you can use Google WebFont Loader. You can upload @font-face fonts packages directly with this plugin.
Plugin can work with any theme that is written up to WordPress coding standards, and requires no additional coding to work. All settings and rules set through plugin panels are automatically applied and fonts are automatically added.
- Google Web Fonts with 657 fonts with font list auto-update available.
- Adobe Edge Web Fonts with 502 fonts with font list auto-update available.
- Local @font-face Fonts with any font you have, plugin supports uploading packages.
Easy to use font managing interfaceEasy to use interface for including fonts, setting up fonts and styling for CSS selectors, and controls that support search through the list of available fonts.
Full CSS selectors styling: box, text, shadowsYou can add rules based on the CSS selectors and apply to each selector: font family, style settings (color, size, line height, weight, letter spacing…), box model styling (margins, paddings, borders, border radius…) text and box shadows and custom CSS properties. All that with easy preview of all selector settings. Selector editor supports drag’n’drop to reorder applied rules.
Supported CSS properties
- Font: family, variant, weight, size, style.
- Text; color, line height, word and letter spacing, align, decoration, direction, indent, white space, transform.
- Box Model: background color, padding, margin, outline, border, border-radius, width (min, max), height (min, max), display.
- Shadows: multiple text and box shadows.
Preview and test all available fontsLoading and using fonts is only one of the thing plugin can do. You can preview each font in great detail, test different sizes and weights where available and get usage example for each combination.
Edit text and box shadows with many included shadows examplesCreate complex text and box shadows adding multiple shadow elements with control over color and opacity, position, blur and spread. Plugin has 11 text shadows and 2 box shadows examples included for easy use and modification.
Full integration with WordPress rich text editorIntegrates into WordPress TinyMCE editor to add font size, font family and font style drop downs. You can enable any font to appear in the drop down for font family, and you can create styles to appear in the styles drop down (for block or inline styling).
Easy integration into themes and pluginsThemes and plugins can hook into the plugin and add own rules for easier customization. Plugin can detect active theme and load available plugin specific settings theme might have. More details in Theme Integration PDF file included with plugin.
All Main Plugin Features
- Supports use of Google Webfont Loader for Google Web Fonts.
- Supports uploading of @font-face fonts packages.
- Automatic update of the fonts lists for both Google and Adobe Web Fonts.
- Works with any theme, supports adding of !important property to selector rules.
- Use all supported font subsets, weights and variants. This varies from font to font.
- Powerful preview of all fonts with customized colors, text, supported weights and styles.
- Preview of generated CSS styles for each selector.
- Predefined, theme and plugins based or custom selectors for full customization.
- Add selection of Font Family and Size to WordPress TinyMCE text editor.
- Add Styles menu and create custom styles for WordPress TinyMCE text editor.
- Easy to use editor for box and text shadows with support for multiple shadows and predefined examples.
- Tools to export and import plugin settings and fonts selectors.
- Detects if website uses SSL to modify URL’s to use secure https protocol.
Additional Plugin Features
- Supports use of 16 standard font stacks or 5 generic families.
- Direct Themes support: WordPress default themes (2010, 2011, 2012, 2013, 2014).
- Direct Themes support: Several themes by DryThemes.
- Hooks for integration with any theme or plugin for custom selector rules.
- Supports WordPress Multisite installations for individual sites.
- Supports translation and includes POT file.
- Due to limitations of both WordPress TnyMCE editor and Adobe Web Fonts method of loading, you can’t see preview of Adobe Web Fonts inside the Editor. Once the post is saved and displayed in the frontend, Adobe font you used will show as expected.
- Setting font and styles for selector rules might not have effect on the front end display if other CSS styles loaded on the page have rules that have higher priority. If the plugin Important properties don’t help, you need to write better selector rules for plugin to use.
- End result for settings and styles configured by the plugin may be different from preview due to additional influence of the styling of the theme stylesheet, browser or other external factors. Also, not all CSS properties are supported by older browsers.
This plugin is amazing. 5 Stars! One of our best purchases ever. We’ll be purchasing this plugin again and again for every theme that doesn’t already have advanced typography controls.from user designpoint, full comment here.
This is by far the best WP plugin for managing web fonts that we ever tried. It’s ridiculously easy to integrate @font-face font packages as well.from user DryThemes, full comment here.
Your plug is to me the best font managing one down here as the UX’s really intuitive…. You’ve created the best font manager !!!!!!!!!!!!!!!!!!!!!from user sailor1978, full comment here.
Version 3.1 / 2014.02.11.
- Added: direct support for Twenty Fourteen WP 3.8 theme
- Changed: default Google fonts list expanded to 657 fonts
- Changed: default Google fonts list updated with latest fonts data
- Fixed: problem with saving some of the plugin settings
- Fixed: some visual issues for WordPress 3.8
- Fixed: minor problem with tinymce integration
Version 3.0 / 2013.10.18.
- Added: selector rules editor for box model
- Added: selector rules editor for box shadows
- Added: use transient cache to improve speed
- Added: rewritten popup editor for selector rules
- Added: several more default selector rules
- Added: create rules for WP editor styles integration
- Added: create new selector with settings copy option
- Added: option to duplicate existing selector rule
- Added: option to enable styles drop down in WP editor
- Added: option to change activity of style elements
- Added: text settings expanded: direction property
- Added: two predefined shadows for box shadows
- Added: two additional predefined text shadows
- Improved: many small changes and code tweaks
- Improved: admin side styling and layout tweaks
- Improved: code optimization for smaller memory usage
- Updated: jQuery Numeric 1.3.1
- Updated: jQuery Select2 3.4.3
- Fixed: problems with validation of the numeric fields
- Fixed: several missing translation strings
- Fixed: few issues with loading data into editor
- Fixed: few issues with saving text shadows settings
- Fixed: preview problems with some fonts due to names
- Fixed: preview problems when changing colors
- Fixed: resizing issues for preview box and large content