WordPress 4.6 将使用原生字体代替谷歌字体

2016.07.21 | | 35 Comments

奶牛博客 报道,WordPress 4.6 将使用原生字体代替谷歌字体,所选用字体覆盖了所有主流操作系统,包括:安卓,苹果iOS,Windows,苹果macOS,以及Linux。

完整的 CSS 代码如下:

font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

其中:

  • -apple-system: 用于 Safari 浏览器(iOS 及 Mac OS),和 Firefox (Mac OS);
    BlinkMacSystemFont: 用于 Chrome 浏览器(Mac OS);
  • Segoe UI: 用于微软 Windows 系统;
  • Roboto: 用于安卓系统及 Chrome OS 系统;
  • Oxygen-Sans: 用于 KDE 系统;
  • Ubuntu: 用于 Ubuntu 系统;
  • Cantarell: 用于 GNOME 系统;
  • Helvetica Neue: 用于 Mac OS 10.11 之前的版本;
  • sans-Serif: 标准回滚字体,以上都没有的话,用这个字体。

可以看出,在 Safari ,Chrome,以及 iOS 和 Mac OS 上的 Firefox 浏览器中,都将调用系统界面默认字体;而在其他平台上,都将根据具体的字体名字来进行调用。


最近在折腾博客界面字体,参考了方室的:博客字体设置 和阮大侠的:中文字体网页开发指南,可是折腾出来的都是不尽如意,最终还是以艺术细胞和技术不够而失败告终。

现在用上这个 WordPress 4.6 字体方案尝鲜了,不知道不同的系统不同的浏览器看起来样子还能入眼么?静待博友们反馈……

支付宝扫码打赏微信打赏

如果文章对您有帮助,欢迎移至上方按钮打赏老杨

声明: 除非注明,常阳时光文章均为原创,转载请以链接形式标明本文地址
本文地址:https://cyhour.com/390/

Comments:35

  1. 神父33 Google Chrome 49.0.2623.112 Windows 10

    你的证书快到期了

    2016.07.21 22:55 # 回复
    1楼
    • yyyyyyyhb34 Google Chrome 51.0.2704.103 Windows 10

      @神父 我昨天就证书到期了因为有HSTS被Let’s Encrypt的验证折腾得够呛

      2016.07.21 23:05 # 回复
    • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

      @神父 我知道啊,在看要不要续费呢,可能换免费的 Let’s Encrypt…

      2016.07.21 23:32 # 回复
  2. yyyyyyyhb34 Google Chrome 51.0.2704.103 Windows 10

    反正我现在是sans-Serif一站式搞定

    2016.07.21 23:09 # 回复
    2楼
    • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

      @yyyyyyyhb 省时省力…

      2016.07.21 23:33 # 回复
      • yyyyyyyhb34 Google Chrome 51.0.2704.103 Windows 10

        @老杨 最主要的是省心,除非浏览器有自定义设置不会改变网站风格

        2016.07.21 23:40 # 回复
        • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

          @yyyyyyyhb 嗯,确实,我现在尝鲜这个是会根据系统和浏览器变的…目前看 Win10 和 iOS 8 下效果还行。

          2016.07.22 08:04 # 回复
  3. 这个我看行!

    2016.07.22 00:17 # 回复
    3楼
  4. YaYa11 Google Chrome 52.0.2743.82 Mac OS X  10.11.6

    很久以来我用chrome都是在浏览器里面直接指定了字体的,导致我最近才发现我的博客用的主题在Mac上正文字体是宋体,郁闷

    2016.07.22 00:46 # 回复
    4楼
    • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

      @YaYa 浏览器自定义字体,我是没这么干过,每台设备的浏览器都要设置,费劲!Mac 用默认字体就很好看吧?

      2016.07.22 08:10 # 回复
  5. Klose24 Google Chrome 51.0.2704.106 Windows 10 x64 Edition

    看来终于不要换啥谷歌字体了 证书购买推荐:ssls.do 科摩多三年期十五刀左右,不知道老杨有没有更便宜的。

    2016.07.22 08:03 # 回复
    5楼
    • 老杨2.15k+ Firefox 47.0 Windows 10 x64 Edition

      @Klose NameCheap 转入域名的时候好像可以一块多美元买到一年证书。

      2016.07.22 08:47 # 回复
  6. 老虎48 Safari 8.0 iPhone iOS 8.3

    xp下中文字体如何解决
    宋体丑爆了

    2016.07.22 11:35 # 回复
    6楼
  7. AUTUMN19 Google Chrome 51.0.2704.106 Windows 10 x64 Edition

    腾讯出了免费一年的ssl,你可以去尝试。

    2016.07.22 12:46 # 回复
    7楼
    • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

      @AUTUMN 好,下午去找找看。

      2016.07.22 12:56 # 回复
    • 老杨2.15k+ Safari 8.0 iPhone iOS 8.3

      @AUTUMN 刚看了一下,腾讯的只支持二级域名申请证书…不支持顶级,只能路过…

      2016.07.22 13:00 # 回复
      • AUTUMN19 Google Chrome 51.0.2704.106 Windows 10 x64 Edition

        域名填 www.xxx.xxx
        然后证书会自带备用顶级域名xxx.xxx
        crt中你可以自行分开。

        2016.07.23 00:00 # 回复
        • 老杨2.15k+ Firefox 47.0 Windows XP

          @AUTUMN 原来如此,不过不折腾了,反正有免费的 Let’s Encrypt 了,加上再过些日子我拿个转入域名顺带的便宜 SSL 估计也能用。

          2016.07.23 09:36 # 回复
  8. nyun18 Firefox 47.0 Windows 10 x64 Edition

    我还以为wordpress4.6已经发布了呢,字体这东西真麻烦,各浏览器和系统下同一字体不一样的显示效果~

    2016.07.22 14:21 # 回复
    8楼
    • 老杨2.15k+ Firefox 47.0 Windows XP

      @nyun 应该快发布了,要统一确实不容易。

      2016.07.22 17:38 # 回复
  9. 灰狼22 Google Chrome 45.0.2454.101 Windows 10 x64 Edition

    试了下,那字体我看起来不太舒服,没换。

    2016.07.22 16:14 # 回复
    9楼
    • 老杨2.15k+ Firefox 47.0 Windows XP

      @灰狼 我这边的系统看着还行,各个系统、浏览器都兼容比较费劲。

      2016.07.22 17:36 # 回复
  10. Ubuntu 下看的字体没啥变化,可能我改过机子的默认自体有关系。

    2016.07.22 20:51 # 回复
    10楼
  11. fooleap116 Google Chrome 51.0.2704.106 Windows 7 x64 Edition

    WordPress 用的原生字体都是英文的,就算不用原生,直接用 @font-face 也不碍事。
    中文的才真伤脑筋。

    2016.07.23 13:29 # 回复
    11楼
    • 老杨2.15k+ Firefox 47.0 Windows XP

      @fooleap 这里原生指的应该是直接调用访问者系统中的默认字体,@font-face 加载字体不管是内部还是外部,始终会影响速度。单考虑英文的话,字体方面不会有啥烦恼吧。

      2016.07.23 15:19 # 回复
  12. 博比8 Google Chrome 46.0.2490.86 Windows 7 x64 Edition

    如果要是不是安全升级,那就不升级了呗。

    2016.07.24 23:30 # 回复
    12楼
  13. kn00756 Google Chrome 51.0.2704.103 Windows 10 x64 Edition

    这个不错,目前博客看起来不错。

    2016.07.27 23:45 # 回复
    13楼
  14. 郑永120 Google Chrome 47.0.2526.80 Windows 10

    说实话,挺喜欢其他字体,比如楷体之类,但在整体美观上会影响。 你这个博客现在的字体,就看 标题 常阳时光这四个字,就感觉阳有点大字了,不够协和啊,你自己观察下,还是我电脑问题,如有需要,截图给你看。

    2016.08.11 21:39 # 回复
    14楼
    • 老杨2.15k+ Firefox 48.0 Windows 10 x64 Edition

      @郑永 Win10 下看着还行吧?中文字体要完美比较难。这年头,设备多了,难统一……

      2016.08.11 21:56 # 回复

发表留言