Title: Simple Gutenberg Google Fonts
Author: acosmin
Published: <strong>2018 年 10 月 5 日</strong>
Last modified: 2018 年 10 月 13 日

---

搜索插件

![](https://ps.w.org/simple-google-fonts/assets/banner-772x250.png?rev=1951960)

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

![](https://ps.w.org/simple-google-fonts/assets/icon-256x256.png?rev=1951960)

# Simple Gutenberg Google Fonts

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

[下载](https://downloads.wordpress.org/plugin/simple-google-fonts.1.0.2.zip)

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

 [支持](https://wordpress.org/support/plugin/simple-google-fonts/)

## 描述

Simple Google Fonts adds the posibility to change default fonts to Google fonts 
from within the new WordPress v5.0 editor, codename Gutenberg. You’ll need Gutenberg
installed and activated in order to use this plugin.

### What it does?

Simple Google Fonts adds the posibility to change default fonts to Google fonts 
from within the new WordPress v5.0 editor, codename Gutenberg. You’ll need Gutenberg
installed and activated in order to use this plugin.

#### Things to know:

 * Read the `After activation` section for some info on how to use it.
 * Supported post types: **posts** and **pages**
 * You can set Google fonts for individual posts and pages or globally.
 * Globally means that the styles from a selected post will apply to the entire 
   website. It will also apply the styles in the Editor, for new or old posts (that
   don’t have any styles applied to them).
 * The post needs to be published for you to be able to use its styles globally.
   If for some reason you change that post to draft mode and the global mode is 
   enabled on it, the option will reset and you’ll need to enable it again after
   you publish the post.
 * It’s safe to say that if you don’t have an Internet connection, Google fonts 
   will not display (unless you have them installed on your system).

#### To do list:

 * Add support for `word-spacing` for both `body` and `headings`
 * Auto add `700` and `700i` weights if the font supports those variants.

### GDPR Notice

By using this plugin (which requests data from Google Fonts servers) you consent
that Google will retrieve your IP address and that it might send it to third parties.
Also, it’s your responsability to notify and obtain consent from your website’s 
users (by updating your Privacy Policy and Terms and Conditions).

Please read [Google’s Privacy Policy](https://policies.google.com/privacy/) and 
if you agree with it, you can start using this plugin.

### Theme developers

You can use the `sgf_defaults` filter to change the plugin defaults, example:

    ```
    add_filter( 'sgf_defaults', function( $defaults ) {
        // since v1.0.1
        $check = function_exists( 'sgf_get_font_id' );

        // Headings font family
        $hff = ! $check ? 0 : sgf_get_font_id( 'Josefin Sans' );

        // Body font family
        $bff = ! $check ? 0 : sgf_get_font_id( 'Muli' );

        // Headings
        $defaults[ 'headings' ][ 'ff' ] = $hff; // int  | Font Family

        // Body
        $defaults[ 'body' ][ 'ff' ] = $bff;     // int | Font Family
        $defaults[ 'body' ][ 'wt' ] = '400';    // string | Font Weight
        $defaults[ 'body' ][ 'lh' ] = 1.8;      // float | Line Height
        $defaults[ 'body' ][ 'ls' ] = 0;        // float | Letter spacing
        $defaults[ 'body' ][ 'ws' ] = 0;        // float | Word spacing

        // Returns new defaults
        return $defaults;
    }, 15 );
    ```

For headings you can use the `sgf_headings_defaults`, example:

    ```
    add_filter( 'sgf_headings_defaults', function( $defaults, $headings ) {
        // $headings = [ 'h1', ... 'h6' ];

        $defaults[ 'h1' ][ 'wt' ] = '400';  // string | H1 font weight, italic is added automatically.
        $defaults[ 'h1' ][ 'tt' ] = 'none'; // string | H1 text transform
        $defaults[ 'h1' ][ 'lh' ] = 1.8;    // float | Line height
        $defaults[ 'h1' ][ 'ls' ] = 0;      // float | Letter spacing
        $defaults[ 'h1' ][ 'ws' ] = 0;      // float | Words spacing

        // if a propriety is left out, it will use the plugin default.
        // you can use this for headings from h1 to h6

        return $defaults;
    }, 10, 2 );
    ```

For text logos you can use the `sgf_styles_frontend_txt_logo` filter to make sure
it always takes on the Headings font family, example:

    ```
    add_filter( 'sgf_styles_frontend_txt_logo', function() { return '.logo-wrap'; }, 15 );
    ```

You can add these in your `functions.php` file. If you want to support old PHP versions,
replace the anonymous functions with normal functions.

## 屏幕截图

[⌊You'll be able to access the plugin sidebar by clicking on the 3 dots and then
on Simple Google Fonts⌉⌊You'll be able to access the plugin sidebar by clicking 
on the 3 dots and then on Simple Google Fonts⌉[

You’ll be able to access the plugin sidebar by clicking on the 3 dots and then on`
Simple Google Fonts`

[⌊If you want to have a shortcut in the toolbar, click on the start to pin it.⌉⌊
If you want to have a shortcut in the toolbar, click on the start to pin it.⌉[

If you want to have a shortcut in the toolbar, click on the start to pin it.

[⌊Now you'll be able to access the plugin by clicking the A icon⌉⌊Now you'll be 
able to access the plugin by clicking the A icon⌉[

Now you’ll be able to access the plugin by clicking the `A` icon

## 安装

#### From within WordPress

 1. Visit ‘Plugins > Add New’.
 2. Search for `Simple Google Fonts`.
 3. Activate `Simple Google Fonts` from your Plugins page.
 4. Go to “after activation” below.

#### Manually

 1. Upload the `simple-google-fonts` folder to the `/wp-content/plugins/` directory
 2. Activate the `Simple Google Fonts` plugin through the ‘Plugins’ menu in WordPress
 3. Go to “after activation” below.

#### After activation

 1. Edit/add a post in Gutenberg mode
 2. When you’re editing the post, you’ll see an icon, `A`, in the top-right corner 
    of your screen (if you hover over it, it will say `Simple Google Fonts`). From 
    there you will be able to change font families and styles for `body` and `headings`.
    If the `A` icond doesn’t show up, you can click on the 3 dots, top-right corner,
    and in the `Plugins` sub-section, click on `Simple Google Fonts`. If it doesn’t
    show up in that menu, then you’re either not editing a post/page or the plugin 
    isn’t activated.
 3. You’re done.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Simple Gutenberg Google Fonts」是开源软件。 以下人员对此插件做出了贡献。

贡献者

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

「Simple Gutenberg Google Fonts」插件已被翻译至 2 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/simple-google-fonts/contributors)
为本插件所做的贡献。

[帮助将「Simple Gutenberg Google Fonts」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/simple-google-fonts)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.0.2

Release Date: October 13th, 2018

 * Changed: Using `wp_remote_get()` instead of `file_get_contents()`;
 * Fixed: `Tabs` deprecated argument issue;
 * Fixed: `theStyles()` defaults;
 * Added: Filter for headings defaults;
 * Added: Word spacing option;

#### 1.0.1

Release Date: October 10th, 2018

 * Updated readme.txt file – tags & a simple GDPR notice;
 * Fixed: missing `break;` in `inc/compatibility.php:L67`;
 * Fixed: bug where Pages couldn’t set globals;
 * Added: `sgf_get_font_id()` function to get the font family id easier;
 * Added: filter for `sgf_get_all_meta()`;

#### 1.0.0

Release Date: October 5th, 2018

 * Plugin release;

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**8 年前**
 *  活跃安装数量 **20+**
 *  WordPress 版本 ** 4.9.8 或更高版本 **
 *  已测试的最高版本为 **4.9.29**
 *  PHP 版本 ** 5.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/simple-google-fonts/) 、 [Spanish (Chile)](https://cl.wordpress.org/plugins/simple-google-fonts/)
   和 [Spanish (Spain)](https://es.wordpress.org/plugins/simple-google-fonts/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/simple-google-fonts)
 * 标签
 * [font](https://cn.wordpress.org/plugins/tags/font/)[fonts](https://cn.wordpress.org/plugins/tags/fonts/)
   [google fonts](https://cn.wordpress.org/plugins/tags/google-fonts/)[gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)
 *  [高级视图](https://cn.wordpress.org/plugins/simple-google-fonts/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/simple-google-fonts/reviews/#new-post)

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

## 贡献者

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

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/simple-google-fonts/)