[WordPress] 外掛分享: SafeFonts

首頁外掛目錄 › SafeFonts
WordPress 外掛 SafeFonts 的封面圖片
20+
安裝啟用
尚無評分
123 天前
最後更新
問題解決
WordPress 6.2+ PHP 7.4+ v1.2.0 上架:2025-11-01

內容簡介

```html
<ul>
<li>SafeFonts可以通過本地託管字體並避免第三方請求來協助您符合GDPR要求,並具有無縫的Gutenberg整合。</li>
</ul>
```

1. SafeFonts如何幫助您符合GDPR要求?
- 通過本地託管字體並避免第三方請求。
- 具有無縫的Gutenberg整合。

2. 為什麼選擇SafeFonts?
- 安全第一:對所有字體文件進行Magic byte驗證、MIME類型驗證、文件哈希檢查等安全措施。
- 快速輕巧:自定義數據庫存儲、最大限度減少頁面加載速度等功能。
- Gutenberg整合:與塊編輯器排版自動整合,支援WordPress 6.5+字庫並無需配置。
- 簡單上傳流程:上傳個別字體文件、指定字體族、粗細、樣式等,提供視覺字體預覽工具等功能。
- 性能優化:支持字體預加載、自動預加載標籤生成、用戶可選擇預加載字體、最佳實踐以及減少不可見文本閃爍等特點。
- GDPR合規:本地託管字體、完全數據隱私保護、適用於符合GDPR要求的網站。

3. SafeFonts適合哪些用途?
- 需要符合GDPR要求的重視隱私的網站。
- 需要自定義或高級字體的網站。
- 管理多個客戶網站的機構。
- 希望更好控制印刷排版的人。
- 針對性能優化的網站。
```

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.2.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「SafeFonts」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

SafeFonts helps you comply with GDPR by hosting fonts locally and avoiding third-party requests, with seamless Gutenberg integration and CSS variables support.
If you need to host custom fonts locally on your WordPress site for performance, privacy, or GDPR compliance, SafeFonts makes it simple with advanced security validation, automatic integration with the WordPress block editor, and CSS variables for custom CSS usage.
Compatible With
Block Editors:
* WordPress Gutenberg Block Editor
* WordPress 6.5+ Font Library
* Full Site Editing (FSE) Themes
Need Page Builder Integration?
SafeFonts Pro adds seamless support for 14 integrations: Elementor, Bricks, Beaver Builder, Divi, Oxygen, Brizy, Builderius, Astra, GeneratePress, Kadence, Blocksy, Kadence Blocks, Spectra, and GenerateBlocks with zero configuration.
Why Choose SafeFonts?
🔒 Security-First Approach
* Magic byte validation for all font files
* MIME type verification
* File hash checking
* Configurable file size limits
* Protection against malicious uploads
⚡ Fast & Lightweight
* Custom database storage for instant queries
* Designed to minimize impact on page load speed
* Optimized font delivery
* Works with any theme or page builder
✅ Gutenberg Integration
* Automatic integration with block editor typography
* WordPress 6.5+ Font Library support
* Works with all blocks that support typography
* No configuration needed
🎨 CSS Variables Support
* Automatic CSS variables generation for all fonts
* Use var(–safefonts-font-slug) in custom CSS
* Works with any theme or builder supporting CSS custom properties
* Dedicated CSS Reference page with comprehensive documentation
🎥 Quick Start Video

Watch this quick tutorial to see how easy it is to upload and use custom fonts in WordPress.
🎯 Simple Upload Process
* Individual font file uploads (.woff2, .woff, .ttf, .otf)
* Specify font family, weight, and style
* Visual font previews in admin
* Drag-and-drop ready interface
⚡ Performance Optimization
* Font preloading support for faster page loads
* Automatic preload tag generation: * User-selectable fonts for preloading (Settings tab)
* Best practice: Preload 1-2 critical fonts only
* Reduces flash of invisible text (FOIT)
* Improves Core Web Vitals scores
🌍 GDPR Compliant
* Local font hosting
* No external font requests—fonts are served entirely from your WordPress installation
* Complete data privacy
* Suitable for GDPR-compliant sites
Perfect For

Privacy-conscious websites requiring GDPR compliance
Sites that need custom or premium fonts
Agencies managing multiple client sites
Anyone wanting better control over typography
Performance-optimized websites

How It Works

Upload Fonts: Go to SafeFonts menu and upload your font files
Configure Details: Set font family name, weight (100-900), and style (normal/italic)
Use Everywhere: Your fonts automatically appear in:

Gutenberg block editor typography settings
CSS variables for custom CSS (check CSS Reference page)
WordPress 6.5+ Font Library

That’s It! Fonts are served locally with optimal performance

Getting Google Fonts
Download Google Fonts from these sources:

SafeFonts Web Font Downloader – convenient bulk download tool
Google Fonts GitHub – official repository
Google Webfonts Helper – third-party download tool

Once downloaded, upload the font files (.woff2, .woff, .ttf, .otf) through SafeFonts > Upload tab.
Need more features? SafeFonts Pro offers bulk ZIP imports, page builder integration, and advanced font management. Learn more
Supported Font Formats

WOFF2 (recommended – best compression)
WOFF (broad browser support)
TTF (TrueType fonts)
OTF (OpenType fonts)

WordPress 6.5+ Font Library
If you’re using WordPress 6.5 or higher, SafeFonts automatically integrates with the native Font Library in the Site Editor, giving you a unified font management experience.
Developer Documentation
Template Functions
SafeFonts provides helper functions for developers:
safefonts() - Get the main plugin instance
safefonts()->font_manager->get_fonts() - Get all fonts from database
safefonts()->font_manager->get_fonts_by_family() - Get fonts grouped by family

Hooks & Filters
Filters:
* upload_mimes – SafeFonts adds font MIME types automatically
Database Structure
Table: wp_chrmrtns_safefonts
* id – Font ID
* font_family – Font family name
* family_slug – Sanitized family slug for folder names (v1.1.0+)
* font_style – normal or italic
* font_weight – 100-900
* file_path – Relative path to font file (includes family folder v1.1.0+)
* file_hash – SHA-256 hash for integrity
* file_size – File size in bytes
* mime_type – Validated MIME type
* created_at – Upload timestamp
* updated_at – Last update timestamp
Architecture
SafeFonts uses modern PHP namespaces and PSR-4 autoloading:
* Chrmrtns\SafeFonts\Core – Main plugin class
* Chrmrtns\SafeFonts\FontManager – Font validation and management
* Chrmrtns\SafeFonts\Admin\AdminInterface – Admin UI
Support
For support, feature requests, or bug reports, please visit:
* GitHub
* Website
Privacy Policy
SafeFonts does not collect, store, or transmit any personal data. All font files are stored locally on your WordPress installation. No data is sent to external services.

延伸相關外掛

文章
Filter
Mastodon