Linux 软件免费装
Banner图

WP FOFT Loader

开发者 seezee
freemius
更新时间 2021年5月21日 02:28
捐献地址: 去捐款
PHP版本: 7.0 及以上
WordPress版本: 5.7.2

标签

speed performance font webfont UX FOIT FOUT DOM reflow

下载

2.1.9 2.1.10 2.1.11 2.1.12

详情介绍:

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
  1. Navigate to “Add New” in the plugins dashboard
  2. Search for “WP FOFT Loader”
  3. Click “Install Now”
  4. Activate the plugin on the Plugin dashboard
  5. Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
UPLOADING IN WordPress DASHBOARD
  1. Click the download button on this and save “wp-foft-loader.zip” to your computer
  2. Navigate to “Add New” in the plugins dashboard
  3. Navigate to the “Upload” area
  4. Select “wp-foft-loader.zip” from your computer
  5. Click “Install Now”
  6. Activate the plugin in the Plugin dashboard
  7. Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
USING FTP
  1. Download the WP FOFT Loader ZIP file
  2. Extract the WP FOFT Loader ZIP file to your computer
  3. Upload the “wp-foft-loader” directory to the /wp-content/plugins/ directory
  4. Activate the plugin in the Plugin dashboard
  5. Go to Settings -> WP FOFT Loader, upload your fonts, and configure the settings.
UPGRADING TO WP FOFT LOADER PRO
  1. Go to Settings -> WP FOFT Loader -> Upgrade
  2. Fill out the payment form and submit
  3. Your license key will automatically be entered
DOWNLOAD FROM GITHUB
  1. Download the plugin via https://github.com/seezee/WP-FOFT-Loader
  2. Follow the directions for using FTP

屏幕截图:

  • Uploads screen: upload your custom web fonts here
  • Optimize screen: tells fontobserver.js which fonts to load for stage 1
  • Base64 screen: inlines Base64 data URI for subsetted stage 1 fonts
  • CSS screen: all font-related CSS goes here so it can be inlined.
  • Font Stacks screen: sets the default font stacks
  • Documentation (1): Information about the CSS that the plugin loads by default
  • Documentation (2): Video tutorials

升级注意事项:

2.1.12
  • 2021-05-20
  • Added short description to README
  • Updated plugin tags
  • Other README changes
  • Updated header in main plugin file

更新日志:

2.1.12 2.1.11 2.1.10 2.1.9 2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.37 2.0.36 2.0.35 2.0.34 2.0.33 2.0.32 2.0.31 2.0.30 2.0.29 2.0.28 2.0.27 2.0.26 2.0.25 2.0.24 2.0.23 2.0.22 2.0.21 2.0.20 2.0.19 2.0.19 2.0.17 2.0.16 2.0.15 2.0.14 2.0.13 2.0.12 2.0.11 2.0.10 2.0.9 2.0.8 2.0.7 2.0.6 2.0.5 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.0.47 1.0.46 1.0.45 1.0.44 1.0.43 1.0.42 1.0.41 1.0.40 1.0.39 1.0.38 1.0.37 1.0.36 1.0.35 1.0.34 1.0.33 1.0.32 1.0.31 1.0.30 1.0.29 1.0.28 1.0.27 1.0.26 1.0.25 1.0.24 1.0.23 1.0.22 1.0.21 1.0.20 1.0.19 1.0.18 1.0.17 1.0.16 1.0.15 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0