This plugin implements and automates Zach Leatherman’s “Critical FOFT with preload, with a polyfill fallback emulating font-display: optional” to optimize and speed up webfont loading and improve UX by minimizing Flash of Invisible Text, Flash of Unstyled Text, and DOM Reflow. See
https://github.com/zachleat/web-font-loading-recipes#the-compromise-critical-foft-with-preload-with-a-polyfill-fallback-emulating-font-display-optional.
USING THE WordPress DASHBOARD
- Navigate to “Add New” in the plugins dashboard
- Search for “WP FOFT Loader”
- Click “Install Now”
- Activate the plugin on the Plugin dashboard
- Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
UPLOADING IN WordPress DASHBOARD
- Click the download button on this and save “wp-foft-loader.zip” to your computer
- Navigate to “Add New” in the plugins dashboard
- Navigate to the “Upload” area
- Select “wp-foft-loader.zip” from your computer
- Click “Install Now”
- Activate the plugin in the Plugin dashboard
- Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
USING FTP
- Download the WP FOFT Loader ZIP file
- Extract the WP FOFT Loader ZIP file to your computer
- Upload the “wp-foft-loader” directory to the
/wp-content/plugins/
directory
- Activate the plugin in the Plugin dashboard
- Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
UPGRADING TO WP FOFT LOADER PRO
- Go to Settings -> WP FOFT Loader -> Upgrade
- Fill out the payment form and submit
- Your license key will automatically be entered
DOWNLOAD FROM GITHUB
- Download the plugin via https://github.com/seezee/WP-FOFT-Loader
- Follow the directions for using FTP