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

奶牛博客 报道,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/,转载时烦请以链接形式注明原始出处。
声明:我们不销售主机,任何VPS主机均有跑路风险且需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🍄:Netflix 奈飞 YouTube 合租

使用 WordPress 内置 XML Sitemaps 替换 Google XML Sitemaps

内容是王道,但是有时候酒香也怕巷子深,向搜索引擎提交 sitemap 是快速提高网站收录的最好方法之一。老头一直使用 Google XML Sitemaps 插件自动生成 sitemap.xml 站点地图。 WordPress 5.5 版本起 内置 sitemap 功能 WordPress 5.5 版本之后,核心代码已经内置 XML Sitemaps 功能,只要访问:…

WordPress 5.0+ 禁用 Gutenberg & WordPress 5.8+ 禁用 Widget 块编辑器

2018.12.06,WordPress 5.0 发布,代号 Bebo。最大的亮(黑)点就是正式引入新的基于块(block-based)的编辑器 —— Gutenberg 编辑器,以及新的默认主题 —— Twenty Nineteen。 WordPress 5.0+ 禁用 Gutenberg 编辑器 第一时间升级,打开文章编辑,一股说不出的杯具感在心头……变化太大,心累…
浏览: 56 标签:  ,  ,  , 

Adobe Flash Player 去helper(Win10 完美恢复)

Adobe 在2020年12月31日后将不再支持 Adobe Flash Player,从2021年1月12日开始,阻止 Flash 内容在 Flash Player 中运行。截图 虽然不喜欢 Adobe Flash Player,但是有些网站目前仍然离不开 Adobe Flash Player,过渡解决方法是:安装中国特供版 Adobe Flash Player 或者安装网友修改 Adobe Flash…

升级新版 Google AdSense 代码提升广告效果

2021年7月19日,Google AdSense 最近发布了新版 AdSense 代码。通过新版 AdSense 代码,AdSense 可以更早触发优化功能,从而提升网站上广告效果。新广告代码适用于自动广告和广告单元。 如何获取 Google AdSense 新版代码? 无需采取任何措施。在下次登录 AdSense 后,您将拥有对新广告代码的访…
浏览: 49

Comments:35

  1. 你的证书快到期了

    2016.07.21 22:55 # 回复
    1楼
    • yyyyyyyhb

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

      2016.07.21 23:05 # 回复
    • @神父 我知道啊,在看要不要续费呢,可能换免费的 Let’s Encrypt…

      2016.07.21 23:32 # 回复
  2. 反正我现在是sans-Serif一站式搞定

    2016.07.21 23:09 # 回复
    2楼
  3. 这个我看行!

    2016.07.22 00:17 # 回复
    3楼
  4. 很久以来我用chrome都是在浏览器里面直接指定了字体的,导致我最近才发现我的博客用的主题在Mac上正文字体是宋体,郁闷

    2016.07.22 00:46 # 回复
    4楼
    • @YaYa 浏览器自定义字体,我是没这么干过,每台设备的浏览器都要设置,费劲!Mac 用默认字体就很好看吧?

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

    2016.07.22 08:03 # 回复
    5楼
    • @Klose NameCheap 转入域名的时候好像可以一块多美元买到一年证书。

      2016.07.22 08:47 # 回复
  6. xp下中文字体如何解决
    宋体丑爆了

    2016.07.22 11:35 # 回复
    6楼
  7. 腾讯出了免费一年的ssl,你可以去尝试。

    2016.07.22 12:46 # 回复
    7楼
    • @AUTUMN 好,下午去找找看。

      2016.07.22 12:56 # 回复
    • @AUTUMN 刚看了一下,腾讯的只支持二级域名申请证书…不支持顶级,只能路过…

      2016.07.22 13:00 # 回复
      • 域名填 www.xxx.xxx
        然后证书会自带备用顶级域名xxx.xxx
        crt中你可以自行分开。

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

          2016.07.23 09:36 # 回复
  8. 垃圾站-nyun
    nyun

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

    2016.07.22 14:21 # 回复
    8楼
  9. 垃圾站-灰狼
    灰狼

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

    2016.07.22 16:14 # 回复
    9楼
    • @灰狼 我这边的系统看着还行,各个系统、浏览器都兼容比较费劲。

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

    2016.07.22 20:51 # 回复
    10楼
  11. WordPress 用的原生字体都是英文的,就算不用原生,直接用 @font-face 也不碍事。
    中文的才真伤脑筋。

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

      2016.07.23 15:19 # 回复
  12. 垃圾站-博比
    博比

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

    2016.07.24 23:30 # 回复
    12楼
  13. 这个不错,目前博客看起来不错。

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

    2016.08.11 21:39 # 回复
    14楼

发表留言

Vultr 送$100,搬瓦工年付最低$49,优惠码 BWH3HYATVBJW,更多推荐VPS信息