近期用的字体

昨晚及中午抽空对全站稍作改进,统一了三个平台(Mac、Windows 各版本、Ubuntu)下的字体,以更现代的细黑为主。

主要字体:

1、STHeiti
Mac 系统下当仁不让的美字。

@font-face {
	font-family:'stheiti';
	src:url("../fonts/STHeiti-Light.ttc");
}

2、Hiragino Sans
同样是 Mac 下,中日合作产品,传说中的苹果丽黑。

@font-face {
	font-family:'Hiragino Sans';
	src:url("../fonts/Hiragino Sans GB W3.otf"),
            url("../fonts/Hiragino Sans GB W6.otf");
}

3、微软雅黑 Light
Windows 8.1 下免费提供的改进版雅黑字体,比 Windows XP\Vista\7 下的雅黑来得幼细。

4、Ubuntu
Linux 下相当好的字体,不需要更改了。

调用:

html, body 
{
    font-family: Ubuntu, 微软雅黑 Light, "Microsoft YaHei", Hiragino Sans, STHeiti;
}

唯一担心的问题是拖累网站速度以及占用流量(经测试果然)。回头考虑移到 CDN 里去调用。

synyan.net
synyan.net
talk.synyan.net
talk.synyan.net

共有 18 条评论

      1. Safari 8 Safari 8 Mac OS X 10.10 Mac OS X 10.10

        @Yan 但是在我这里……完全没有任何字体效果嘛……
        看着就像……普通的宋体?普通的硕大的宋体?
        I don’t Know…… 😈

  1. Google Chrome 40 Google Chrome 40 Windows 8.1 Windows 8.1

    字体族不全,Chrome 下还行,火狐下没效果。
    如果字体有细体的话,可以用 font-weight: 100; 这样来调整粗细。

        1. Safari 8 Safari 8 iPhone iOS 8.1.3 iPhone iOS 8.1.3

          @Hooli 我看懂了。左边是代码中的雅黑 light 在起作用。右边是默认的雅黑(粗)。

          情况是,代码是可以用的,只是我目前嫌弃加载太慢,把 font-face 关掉了。

          你把 FF 默认字体里,应该有一项例如忽略网站字体,这个选项关掉试试。

发表评论

电子邮件地址不会被公开。 必填项已用*标注