Title: The Typography
Author: Alvaro
Published: <strong>2019 年 3 月 11 日</strong>
Last modified: 2020 年 3 月 19 日

---

搜索插件

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

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

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

# The Typography

 作者：[Alvaro](https://profiles.wordpress.org/melonpan/)

[下载](https://downloads.wordpress.org/plugin/the-typography.1.3.0.zip)

 * [详情](https://cn.wordpress.org/plugins/the-typography/#description)
 * [评价](https://cn.wordpress.org/plugins/the-typography/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/the-typography/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/the-typography/#developers)

 [支持](https://wordpress.org/support/plugin/the-typography/)

## 描述

[Demo](https://gutenberg-showcase.melonpan.io/the-typography) – [Documentation](https://melonpan.io/wordpress-plugins/the-typography)–
[GitHub](https://github.com/garciaalvaro/the-typography)

Add Typography to your Gutenberg site using Google Fonts. Enter CSS selectors or
select Blocks to apply custom typography.

### Typography style

Available typography options include:

 * Font family & variants from Google Fonts
 * Color (hex or rgba)
 * Font size
 * Line height
 * Font weight
 * Font style (italic, normal, oblique)
 * Letter spacing
 * Text transform (capitalize, uppercase, lowercase)
 * Text decoration (line-through, overline, underline)

### Typography context

Typographies can be assigned to a specific context:

 * All site
 * Post types/s (post types available on the site)
 * Post types/s template (index, single)
 * Front page
 * 404 page

### Typography selectors

Each typography can have several groups of selectors with unique modifications based
on the root typography.
 For example: a typography can be set with a certain Font,
Color and Font size; each of its groups of selectors inherit those properties and
one could modify the inherited color and other the inherited Font size.

Available CSS selectors include:

 * Text CSS selector (eg: .site-title a)
 * Block Selector (eg: Block Quote > Citation)

### Usage

The plugin can be accesed from the Customizer inside the tab **The Typography**.

It can also be accesed from any Block editor’s **The Typography** sidebar (top right
corner of the editor). Create a typography and assign it some options; create a 
group of selectors and inside it create some CSS or Block selectors. That’s it! 
If you want to preview the different fonts before selecting one you can preview 
them in the [Google Fonts repository](https://fonts.google.com/). **Note**: The 
typography editing is assigned to the ‘edit_theme_options’ capability. This means
that, by default, only admin and super admin will be able to use the features.

## 屏幕截图

 * [[
 * Typography options
 * [[
 * Customizer panel

## 安装

Installation from the WordPress admin.

 1. Log in to the WordPress admin and navigate to _Plugins > Add New_.
 2. Type _The Typography_ in the Search field.
 3. In the results list _The Typography_ plugin should appear, click **Install Now**
    button.
 4. Once it finished installing, click the _Activate_ button.
 5. Now you can go to any post where the Block editor is enabled or go the Theme Customizer.

## 常见问题

  About GDPR and Google Fonts

This plugin lets you select fonts from the [Google Fonts repository](https://fonts.google.com/)
that will be loaded dynamically when selecting them in the customizer/editor (to
preview the result), and loaded on the front end site.
 An inline style sheet is
embeded with the selected CSS styles and, if one or more Font Family are selected,
an external style sheet is embeded which will load the fonts from the Google servers.
As I am not a lawyer I can not guarantee anything; you can read about Google Fonts
and GDPR compliance in [this link](https://github.com/google/fonts/issues/1495).

The following filters can be used to modify (or remove) the styles and fonts before
they are embeded in the front end:

 * `the_typography_styles_before_enqueue`: This filter receives an array with the
   styles before they are embeded to the front end.
 * `the_typography_fonts_before_enqueue`: This filter receives an array with the
   fonts before they are embeded as an external style sheet to be loaded in the 
   front end.

## 评价

此插件暂无评价。

## 贡献者及开发者

「The Typography」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

「The Typography」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/the-typography/contributors)
为本插件所做的贡献。

[帮助将「The Typography」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/the-typography)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/the-typography/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/the-typography/)，或通过[RSS](https://plugins.trac.wordpress.org/log/the-typography/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/the-typography/)。

## 更新日志

#### 1.3.0

 * Updated fonts
 * Added linter for development
 * Updated dependencies
 * Minor fixes

#### 1.2.0

 * Refactored code base. Migrated JavaScript to TypeScript
 * UI & UX improvements. CSS and JS small bug fixes
 * Letter Spacing allows negative values
 * Incremented Font Size maximum value to 80
 * Upgraded minimum version to WP 5.3. The plugin can be used in 5.2 activating 
   the Gutenberg plugin

#### 1.1.0

 * Include core blocks selection in Customizer
 * Sort typographies styles so that newer take preference over older
 * Improvements in the UI and added some UX hints
 * Fix Customizer Previewer bugs
 * Improve code base
 * Update dependencies

#### 1.0.0

 * Initial release

## 额外信息

 *  版本 **1.3.0**
 *  最后更新：**6 年前**
 *  活跃安装数量 **30+**
 *  WordPress 版本 ** 5.3 或更高版本 **
 *  已测试的最高版本为 **5.4.19**
 *  PHP 版本 ** 7.1 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/the-typography/) 和 [Spanish (Spain)](https://es.wordpress.org/plugins/the-typography/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/the-typography)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[fonts](https://cn.wordpress.org/plugins/tags/fonts/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[text](https://cn.wordpress.org/plugins/tags/text/)
   [typography](https://cn.wordpress.org/plugins/tags/typography/)
 *  [高级视图](https://cn.wordpress.org/plugins/the-typography/advanced/)

## 评级

尚未提交反馈。

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

[查看全部评论](https://wordpress.org/support/plugin/the-typography/reviews/)

## 贡献者

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

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/the-typography/)