Title: WP font-face
Author: opicron
Published: <strong>2012 年 12 月 4 日</strong>
Last modified: 2013 年 12 月 22 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/wp-font-face.svg)

# WP font-face

 由 [opicron](https://profiles.wordpress.org/opicron/) 開發

[下載](https://downloads.wordpress.org/plugin/wp-font-face.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/wp-font-face/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/wp-font-face/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/wp-font-face/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/wp-font-face/#developers)

 [技術支援](https://wordpress.org/support/plugin/wp-font-face/)

## 外掛說明

Easy font edit as they appear in the front- and back- end of the website.

Features

 * Autoloads generated @font-face packages
 * Fully compatible with most browsers
 * Auto generates classes for the autoloaded fonts
 * Includes the required CSS files in TinyMCE editor
 * Auto creates TinyMCE @font-face styles
 * Additional CSS possibities through dashboard settings
 * All above auto options can be managed in the dashboard

### Settings

#### Load in admin

When ticked the plugin will load the necessary CSS in the dashboard so you are
 
able to replace fonts inside the administrational area. Not to confuse with the 
TinyMCE area which is another option!

#### Load CSS in tinyMCE

When ticked the plugin will autoload the required CSS in the WordPress TinyMCE
 
editor. When additional CSS options are selected these will also be included.

#### Generate CSS class for each font

The ease of use of this plugin is mainly because of this option. When ticked
 the
plugin will generate a CSS classname for using the autoloaded font. The font family
name is read from the font generated package.

The class name which is generated is the folder in which the font is placed.
 For
the font-family CSS code this plugin automatically parses the generated CSS code
from fontsquirel.

#### Load generated CSS class(es) to tinyMCE styles

If ticked the plugin will add the autogenerated class(es) to the style
 dropdown
box of TinyMCE.

#### Additional CSS

With the additional CSS textarea you are able to manually add CSS elements
 to the
plugin. These will be loaded together with the selected options if preferred. Meaning
you are able to change the front-end headers or even the dashboard fonts easily.

## 螢幕擷圖

[⌊Font example in tinyMCE screenshot-01.png.⌉⌊Font example in tinyMCE screenshot-
01.png.⌉[

Font example in tinyMCE screenshot-01.png.

[⌊Style dropdown example in tinyMCE screenshot-02.png.⌉⌊Style dropdown example in
tinyMCE screenshot-02.png.⌉[

Style dropdown example in tinyMCE screenshot-02.png.

[⌊Admin settings screenshot-03.png.⌉⌊Admin settings screenshot-03.png.⌉[

Admin settings screenshot-03.png.

[[

## 安裝方式

 1. Upload `font-face` plugin folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Generate @font-face packs on fontsquirel
 4. Upload generated packages to plugin ‘/font/’ folder

## 使用者評論

![](https://secure.gravatar.com/avatar/ee4e88ac5613e75555a0330653b21db5a7aaf263dfb07adbcab873df36dc9757?
s=60&d=retro&r=g)

### 󠀁[funzt immer noch](https://wordpress.org/support/topic/funzt-immer-noch/)󠁿

 [JoJo](https://profiles.wordpress.org/jojolix/) 2019 年 5 月 12 日

arbeite immer noch mit diesem plugin, schade das es kein updete mehr gibt. MfG -
> JoJo

 [ 閱讀全部 7 則使用者評論 ](https://wordpress.org/support/plugin/wp-font-face/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈WP font-face〉的開發相關工作。

參與者

 *   [ opicron ](https://profiles.wordpress.org/opicron/)

[將〈WP font-face〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-font-face)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-font-face/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-font-face/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-font-face/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-font-face/)。

## 變更記錄

#### 1.1

 * improved adding styles to tinyMCE

#### 1.0

Initial release

## 中繼資料

 *  版本 **1.1**
 *  最後更新 **13 年前**
 *  啟用安裝數 **200+**
 *  WordPress 版本需求 ** 3.0.1 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.7.41**
 *  語言
 * [English (US)](https://wordpress.org/plugins/wp-font-face/)
 * 標籤:
 * [@font-face](https://tw.wordpress.org/plugins/tags/font-face/)[css](https://tw.wordpress.org/plugins/tags/css/)
   [font replace](https://tw.wordpress.org/plugins/tags/font-replace/)[fontface](https://tw.wordpress.org/plugins/tags/fontface/)
 *  [進階檢視](https://tw.wordpress.org/plugins/wp-font-face/advanced/)

## 評分

 4.3 星，滿分為 5 星

 *  [  5 個 5 星使用者評論     ](https://wordpress.org/support/plugin/wp-font-face/reviews/?filter=5)
 *  [  1 個 4 星使用者評論     ](https://wordpress.org/support/plugin/wp-font-face/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/wp-font-face/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/wp-font-face/reviews/?filter=2)
 *  [  1 個 1 星使用者評論     ](https://wordpress.org/support/plugin/wp-font-face/reviews/?filter=1)

[撰寫評分](https://wordpress.org/support/plugin/wp-font-face/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/wp-font-face/reviews/)

## 參與者

 *   [ opicron ](https://profiles.wordpress.org/opicron/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-font-face/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://forze.gotdns.com/wp/)