[WordPress] 外掛分享: EasyFonts – Host Google Fonts Locally, Fast & Auto-Optimize, GDPR Compliant

首頁外掛目錄 › EasyFonts – Host Google Fonts Locally, Fast & Auto-Optimize, GDPR Compliant
WordPress 外掛 EasyFonts – Host Google Fonts Locally, Fast & Auto-Optimize, GDPR Compliant 的封面圖片
1,000+
安裝啟用
★★★★★
5/5 分(6 則評價)
9 天前
最後更新
問題解決
WordPress 6.4+ PHP 7.4+ v2.0.2 上架:2023-01-24

內容簡介

EasyFonts 是一個輕量化 WordPress 外掛,可以讓你在本地伺服器上快取(Cache)和托管 Google 字型,加快網站速度,讓字型從自己的 URL 加載而非從 Google 加載。使用 EasyFonts,你不再需要依賴外部伺服器來在網站上載入 Google 字型,這可能會減慢你的網站速度,對使用者體驗產生負面影響。

在外掛設置中使用選項下載和使用本地 Google 字型。

功能

使用 <link> 進行 Google 字型的快取和托管加載
在內聯 <style> 中使用 @import 聲明加載本地 Google 字型
使用內聯 <style> 中的 @font-face 聲明托管本地 Google 字型
刪除資源提示(preload, preconnect, dns-prefetch)
刪除 WebFontLoader (webfont.js)

外掛相容

此外掛將與幾乎所有主題和頁面建構器相容。

在本地伺服器上托管 Elementor 的 Google 字型
支援 wpbakery 頁面建構器
在本地伺服器上托管 Divi 或任何其他主題的 Google 字型。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.0.2) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「EasyFonts – Host Google Fonts Locally, Fast & Auto-Optimize, GDPR Compliant」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

EasyFonts is the smart way to host Google Fonts locally in WordPress. Activate it and your Google Fonts are detected, downloaded, and served from your own domain — no requests to Google, faster loading, and full GDPR compliance.
Unlike basic font plugins, EasyFonts doesn’t just self-host blindly. It measures which fonts actually render in real visitors’ browsers, so it can preload your above-the-fold fonts, flag the ones you never use, and generate zero-CLS metric-matched fallbacks — the things that actually move your Core Web Vitals (LCP, CLS) scores.
Why host Google Fonts locally?

GDPR / DSGVO: German courts have ruled that sending visitor IPs to Google Fonts without consent violates GDPR. Self-hosting removes the connection entirely — no data leaves your server.
Speed & Core Web Vitals: Every call to fonts.googleapis.com and fonts.gstatic.com adds DNS lookups, connections, and render-blocking delay that hurt LCP and TTFB. Local hosting kills that latency.

What EasyFonts does

Automatic local hosting — Detects Google Fonts loaded via stylesheets, @import rules, inline @font-face, theme/plugin CSS files, external/CDN stylesheets, and the Web Font Loader (webfont.js) — then downloads and serves them locally.
Combine into one stylesheet — Merges all hosted font CSS into a single file, removes duplicate @font-face rules, and can inline it as minified CSS so it’s not render-blocking.
Used vs Unused font discovery — Automatically identifies fonts that never render on real pages so you can disable unnecessary downloads and preloads.
Real usage measurement — A lightweight beacon measures which font families and weights actually render, and which appear above the fold — directly on your live pages, no loopback crawler.
Smart preloading — Auto-preloads the above-the-fold fonts that matter (capped, so you never over-preload), boosting LCP.
font-display control — Force font-display: swap (or block, fallback, optional, auto) on every face to fix “Ensure text remains visible during webfont load.”
Per-family & per-weight control — Toggle Load and Preload for any family or individual weight; disable fonts you don’t use.
Subset trimming — Keep only the character sets you need (Latin, Cyrillic, Greek, Vietnamese, Arabic, Devanagari, CJK and more) to cut font weight.
Zero-CLS fallbacks — Reads each font’s real metrics and generates size-matched fallback faces (size-adjust, ascent-override) to eliminate layout shift while fonts load.
Async / JS-injected font blocking — Optionally catches Google Fonts injected by JavaScript at runtime and self-hosts them too (handles fonts most plugins miss).
Clean resource hints — Strips now-useless preconnect, dns-prefetch, and preload tags pointing at Google’s servers.
Variable font support — Detects and hosts modern variable fonts as a single optimized file instead of many static weights.
CDN support — Serve hosted fonts and the stylesheet from your CDN.
Bunny Fonts support — Also self-hosts fonts from fonts.bunny.net.
Import / Export settings — Move your configuration between sites in one click.
Multisite ready — Works per-site across a network, with tables created automatically for new sites.
WP-CLI — Scan and manage fonts from the command line.
Page builder & theme compatible — Elementor, Divi, Bricks, Beaver Builder, WPBakery, Oxygen, plus Astra, GeneratePress, Kadence, Blocksy, and WooCommerce. Editors are automatically excluded so your styling stays intact while you build.

Why choose EasyFonts over OMGF and other font plugins?

It measures, not guesses. EasyFonts sees what actually renders in real browsers, so preload and fallbacks are based on data — not a static guess.
Detection most plugins charge for. Inline CSS, theme/plugin CSS, external stylesheets, and Web Font Loader detection are free here — features that are paid add-ons elsewhere.
Zero-CLS fallbacks for any font — generated from real font metrics, not limited to a fixed list.
Async JS-injected fonts — caught and self-hosted, a common gap in other plugins.
Truly zero-config. Activate it and it works; everything else is optional fine-tuning.
No data sent anywhere. All processing is on your server.

How it works

Install and activate EasyFonts.
Open Easy Fonts in your admin menu.
Click Optimize now (or just let visitors browse) — fonts are detected, self-hosted, and measured automatically.
Review Used vs Unused fonts, fine-tune Load/Preload, and adjust settings if you like.
Done — your Google Fonts now load locally, faster, and GDPR-compliant.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon