有朋自远方来,不亦乐乎。
wordpress自定义字体
原创 龙砚庭  发布于 1年前 ( 2017-06-27 ) 阅读: 1,297 次 评论: 10 条 A+

一直很喜欢inlojv博客YuAo主题的谷歌Play,今天抽空弄了下,到Google Fonts将Play字体下载下来,然后轻松换上。

教程

1.到字体网站下载所需要的字体,比如:Google Fonts(需要梯子才能正常浏览);

2.将下载的字体文件放到主题目录,比如css/fonts;

3.打开style.css文件,写入以下代码,加载字体:

@font-face { font-family: 字体名称; src: url(/wp-content/themes/主题名称/css/fonts/字体名称.ttf); font-weight: normal; }

4.从style.css文件里面找到类似的代码:

font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;

font-family:的后面添加”字体名称”。

例如:

font-family:"字体名称","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;

总结

个人觉得最好不要加载中文字体,因为中文字体的文件普遍都很大,那玩意动则就是1M起,甚至有一部分字体的文件大小,足足是10M多开始飙,想想就觉得主机拖不动……

Principle Team
龙砚庭官方QQ群,做真正意义上的社群!
7人已关注

目前评论:10   其中:访客  5   博主  5

发表评论

莫慌,小狮子正在努力加载评论...
  1. 明月登楼
    明月登楼3 ( 2017.06.29 11:00:38 )  5楼

    我来了,数据丢失友链也丢失了!无语!

  2. 闲鱼
    闲鱼2 ( 2017.06.28 23:41:17 )  4楼

    我觉得inlojv博客YuAo主题的谷歌Play字体搭配的灰常好看!想用就是担心不搭,强扭的瓜不甜,哈哈

    • 龙砚庭
      龙砚庭博主 ( 2017.06.29 0:14:37 )

      @闲鱼 inlojv的YuAo主题字体是Play跟微软雅黑配合使用。(ps:我刚刚将博客的中文字体微软正黑改为了雅黑,看起来似乎还不错。)

  3. 写给工厂上班的人
    写给工厂上班的人1 ( 2017.06.28 17:18:20 )  地板

    要是能够介绍哈,国外主题怎样直接使用国内字体库就好了。

    • 龙砚庭
      龙砚庭博主 ( 2017.06.29 0:13:04 )

      @写给工厂上班的人 国外主题的字体直接使用国内,应该是差不多类似的教程。只要将font-family后面的字体改为国内常见的字体即可。比如微软雅黑,因为一般电脑都有这个字体。

  4. boke112导航
    boke112导航3 ( 2017.06.28 9:03:17 )  板凳

    加载大部分电脑都有的中文字体,应该不用担心加载速度问题吧?

    • 龙砚庭
      龙砚庭博主 ( 2017.06.28 10:39:57 )

      @boke112导航 这是另外一种情况。一般而言我们加载的常用字体,电脑里面其实都有,比如微软系列的字体。不过,这种加载的字体一般到了手机就不能显示了,会默认从优先级开始筛选,直到主题加载的任何一种字体都没有,然后启用手机系统字体。

  5. Koolight
    Koolight2 ( 2017.06.27 22:44:38 )  沙发

    这个字体有点方正!

    • 龙砚庭
      龙砚庭博主 ( 2017.06.28 10:11:28 )

      @Koolight 现在我们用的微软汉字字体,大部分是方正代工的,比如微软雅黑。这次我加载的只是英文跟数字的字体而已。