Title: Advanced Custom Fields: Typography Field
Author: Mujahid Ishtiaq
Published: <strong>2016年10月17日</strong>
Last modified: 2026年10月5日

---

プラグインを検索

![](https://ps.w.org/acf-typography-field/assets/banner-772x250.png?rev=3729224)

![](https://ps.w.org/acf-typography-field/assets/icon-256x256.png?rev=3729224)

# Advanced Custom Fields: Typography Field

 作者: [Mujahid Ishtiaq](https://profiles.wordpress.org/mujahid158/)

[ダウンロード](https://downloads.wordpress.org/plugin/acf-typography-field.3.3.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/acf-typography-field/#description)
 * [レビュー](https://ja.wordpress.org/plugins/acf-typography-field/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/acf-typography-field/#installation)
 * [開発](https://ja.wordpress.org/plugins/acf-typography-field/#developers)

 [サポート](https://wordpress.org/support/plugin/acf-typography-field/)

## 説明

Typography field type for “Advanced Custom Fields” plugin that lets you add different
text properties e.g. Font Size, Font Family, Font Color etc.

#### Supported Subfields

 * Font Size
 * Font Family
 * Font Weight
 * Font Style
 * Font Variant
 * Font Stretch
 * Line Height
 * Letter Spacing
 * Text Align
 * Text Color
 * Text Decoration
 * Text Transform

#### Other Features

 * Supports Google Fonts. The selected Google Fonts are automatically enqueued on
   front-end of posts/pages. Google Fonts also work with ACF Options.
 * Supports Gutenberg Blocks created with ACF.
 * Option to show/hide each subfield individually
 * Option to make each subfield required individually
 * Color Picker for Text Color subfield

#### Documentation

    ```
    // Returns the value of a specific property
    get_typography_field( $selector, $property, [$post_id], [$format_value] );

    // Displays the value of a specific property
    the_typography_field( $selector, $property, [$post_id], [$format_value] );

    // Returns the value of a specific property from a sub field.
    get_typography_sub_field( $selector, $property, [$format_value] );

    // Displays the value of a specific property from a sub field.
    the_typography_sub_field( $selector, $property, [$format_value] );
    ```

#### Shortcode

    ```
    [acf_typography field="field-name" property="font_size" post_id="123" format_value="1"]
    ```

The shortcode only reads Typography fields.

#### Github repository

[@mujahidi/acf-typography](https://github.com/mujahidi/acf-typography)

#### Compatibility

This ACF field type is compatible with:
 * Free and paid versions of the ACF plugin

## スクリーンショット

[⌊Typography Field Settings⌉⌊Typography Field Settings⌉[

Typography Field Settings

[⌊Typography Field Content Editing⌉⌊Typography Field Content Editing⌉[

Typography Field Content Editing

[⌊Google Key Field required for Google Fonts⌉⌊Google Key Field required for Google
Fonts⌉[

Google Key Field required for Google Fonts

## インストール

 1. Copy the `acf-typography-field` folder into your `wp-content/plugins` folder
 2. Activate the Typography plugin via the plugins admin page
 3. Google API Key is required for Google Fonts. Please add one by going to `WordPress
    Admin Dashboard > Settings > ACF Typography Settings` Or define it in `wp-config.
    php`: `define( 'ACFT_GOOGLE_API_KEY', 'your-key' );` (this overrides the settings
    page)
 4. Create a new field via ACF and select the Typography type
 5. Please refer to the description for more info regarding the field type settings

## FAQ

### Q. Is it compatible with ACF Pro?

A. Yes. This plugin is compatiable with both free and paid ACF plugins.

### Q. Does it support Google Fonts?

A. Version 3.0.0 and greater supports Google Fonts

### Q. Why I do not see Google Fonts in the Font Family drop down?

A. Google API Key is required for Google Fonts. Please add one by going to `WordPress
Admin Dashboard > Settings > ACF Typography Settings`
 You can also define it in`
wp-config.php` with `define( 'ACFT_GOOGLE_API_KEY', 'your-key' );`. If the fonts
can’t be loaded, the settings page shows the reason. If your site blocks outside
requests with `WP_HTTP_BLOCK_EXTERNAL`, allow Google’s API: `define( 'WP_ACCESSIBLE_HOSTS','
www.googleapis.com' );` (add it to any hosts you already allow).

### Q. Does it enqueue selected Google Fonts?

A. Yes. This plugin automatically enqueues user selected Google Fonts to front-end
of posts/pages.

### Q. Does it support Gutenberg Blocks?

A. Yes. This plugin does support Gutenberg Blocks created with ACF.

### Q. How can I contribute?

A. Join in on Github repository [@mujahidi/acf-typography](https://github.com/mujahidi/acf-typography)

## 評価

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

### 󠀁[Does not Enqueue Font(s) Selected](https://wordpress.org/support/topic/does-not-enqueue-fonts-selected/)󠁿

 [zdmdesigns](https://profiles.wordpress.org/zmdesignz/) 2024年7月26日

Great plugin. Does exactly what it says, which is very powerful!

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

### 󠀁[Not bad](https://wordpress.org/support/topic/not-bad-211/)󠁿

 [classikd](https://profiles.wordpress.org/classikd/) 2024年5月23日

Great but font-weight changes are not taken into account in google fonts call…

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

### 󠀁[Very nice](https://wordpress.org/support/topic/very-nice-1853/)󠁿

 [proyinfo](https://profiles.wordpress.org/proyinfo/) 2023年2月7日

Works very well. However, on the Font API settings page, you could add some instruction
to get the key.

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

### 󠀁[Simple, but works well](https://wordpress.org/support/topic/simple-but-works-well-7/)󠁿

 [AndyiBM](https://profiles.wordpress.org/andyibm/) 2022年8月3日

Had a specific requirement to select a custom font on a single page template, and
this plugged into the existing ACF interface on the page. Worked well. Probably 
ought to be a standard ACF field.

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

### 󠀁[Does what it says](https://wordpress.org/support/topic/does-what-it-says-768/)󠁿

 [jimleeder123](https://profiles.wordpress.org/jimleeder123/) 2019年1月29日 1 reply

Does what it says, works without a problem.

 [ 5件のレビューをすべて表示 ](https://wordpress.org/support/plugin/acf-typography-field/reviews/)

## 貢献者と開発者

Advanced Custom Fields: Typography Field はオープンソースソフトウェアです。以下の
人々がこのプラグインに貢献しています。

貢献者

 *   [ Mujahid Ishtiaq ](https://profiles.wordpress.org/mujahid158/)

[“Advanced Custom Fields: Typography Field” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/acf-typography-field)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/acf-typography-field/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/acf-typography-field/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/acf-typography-field/)
を [RSS](https://plugins.trac.wordpress.org/log/acf-typography-field/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 3.3.0

 * Now requires WordPress 6.2+ and PHP 7.4+. Tested up to WordPress 7.1.
 * [NEW] `ACFT_GOOGLE_API_KEY` constant to set the Google API key in `wp-config.
   php`.
 * [NEW] Admins see a notice on ACF screens when Google Fonts can’t be loaded.
 * [BUG] Chosen font weights are now loaded, with `display=swap`. Web-safe fonts
   are no longer sent to Google Fonts.
 * [BUG] Fixed warnings and errors on PHP 8.x and when ACF is inactive.
 * [BUG] The Google Fonts list is cached in the database and refreshed daily in 
   the background, not during page loads.
 * [BUG] Saved values are kept: a font missing from the list, a field group’s default
   font, and 0 (e.g. letter spacing).
 * [BUG] Admin screens: property checkboxes are no longer cut off on small screens,
   and the settings page is easier to use with a screen reader and explains a missing
   or bad key.
 * Security: values are cleaned when saved, output is escaped, and the `[acf_typography]`
   shortcode only reads Typography fields.
 * The plugin can now be translated on WordPress.org (text domain `acf-typography-
   field`).
 * Deleting the plugin now removes its settings and the cached font list.
 * Deprecated: the `YOUR_API_KEY` constant and `acft_update_gf_json_file()`, both
   removed in 4.0. Developers: admin input ids have changed; see the full changelog.
 * Full list: [CHANGELOG.md](https://github.com/mujahidi/acf-typography/blob/master/CHANGELOG.md)

#### 3.2.3

 * Added new font-weight values

#### 3.2.2

 * Fixed google fonts url too long issue

#### 3.2.1

 * Fixed typo and bugs

#### 3.2.0

 * [NEW] Added ‘initial’ and ‘inherit’ values for ‘font-family’ property.
 * [NEW] Added support for ACF Blocks.
 * [BUG] Fixed a PHP notice when any post does not have ACF Typography fields setup.

#### 3.1.0

 * [NEW] Google Fonts support for ACF Options
 * [BUG] Different font weights were not enqueued when used in a repeater field

#### 3.0.0

 * [NEW] Introduces functions and shortcode
 * [NEW] Hides nonselected properties in fieldgroup edit page
 * [NEW] Supports Google Fonts
 * [NEW] Enqueue google fonts CSS on page/post

#### 2.2.0

 * [NEW] Font Stretch subfield

#### 2.1.0

 * [NEW] Font Variant subfield

#### 2.0.0

 * [NEW] Now supports ACF 5 (Pro version)

#### 1.1.1

 * Fixed a bug

#### 1.1.0

 * [NEW] Text Transform subfield

#### 1.0.0

 * Initial Release.

## メタ

 *  バージョン **3.3.0**
 *  最終更新日 **1週間前**
 *  有効インストール数 **3,000+**
 *  WordPress バージョン ** 6.2またはそれ以降 **
 *  検証済み最新バージョン: **7.1.3**
 *  PHP バージョン ** 7.4またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/acf-typography-field/)
 * タグ
 * [acf](https://ja.wordpress.org/plugins/tags/acf/)[advanced custom fields](https://ja.wordpress.org/plugins/tags/advanced-custom-fields/)
   [custom field](https://ja.wordpress.org/plugins/tags/custom-field/)[google fonts](https://ja.wordpress.org/plugins/tags/google-fonts/)
   [typography](https://ja.wordpress.org/plugins/tags/typography/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/acf-typography-field/advanced/)

## 評価

 5つ星中4.6つ星

 *  [  4 5-星レビュー     ](https://wordpress.org/support/plugin/acf-typography-field/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/acf-typography-field/reviews/?filter=4)
 *  [  1 3-星レビュー     ](https://wordpress.org/support/plugin/acf-typography-field/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/acf-typography-field/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/acf-typography-field/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/acf-typography-field/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/acf-typography-field/reviews/)

## 貢献者

 *   [ Mujahid Ishtiaq ](https://profiles.wordpress.org/mujahid158/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/acf-typography-field/)