昨晚及中午抽空对全站稍作改进,统一了三个平台(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. 大肥羊

    广东

    感觉变化不大。

    十年前 Firefox 35 · Windows 7

    回复

    • S

      江苏

      @大肥羊 在Win10和Mac下还是有感觉的。

      十年前 Google Chrome 40 · Mac OS X 10.10

      回复

  2. Betty

    上海

    Mac下……哪有美……

    十年前 Safari 8 · Mac OS X 10.10

    回复

    • S

      江苏

      @Betty 不美吗?我这里看貌似还可以嘛

      十年前 Google Chrome 40 · Mac OS X 10.10

      回复

      • Betty

        上海

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

        十年前 Safari 8 · Mac OS X 10.10

        回复

        • S

          江苏

          @Betty 其实我昨天把部分字体效果关了,加快速度。以及你那里什么效果能截屏吗。

          十年前 Google Chrome 40 · Mac OS X 10.10

          回复

          • Betty

            上海

            @S 已发邮件

            十年前 Safari 8 · Mac OS X 10.10

            回复

        • S

          江苏

          @Betty 看了截图,我想问,你浏览器的默认字体,是Mac的华文黑体吗?

          十年前 Google Chrome 40 · Mac OS X 10.10

          回复

  3. Hooli

    江苏

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

    十年前 Google Chrome 40 · Windows 8.1

    回复

    • S

      江苏

      @Hooli 为了兄台这句评论,特意去下了久已未用的Win下FF。在Win7下,FF效果还可以呀。

      十年前 Google Chrome 40 · Mac OS X 10.10

      回复

      • Hooli

        江苏

        @S
        左Chrome右Firefox,看起来很明显不一样。

        十年前 Google Chrome 40 · Windows 8.1

        回复

        • S

          江苏

          @Hooli 我也装了FF,感觉差不多嘛。你有没有自定义浏览器默认字体?

          十年前 Safari 8 · iPhone iOS 8.1.3

          回复

        • S

          江苏

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

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

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

          十年前 Safari 8 · iPhone iOS 8.1.3

          回复

  4. 飞扬

    湖南

    唯一的感觉是字变大了。你现在图片都存到网易那里了?

    十年前 Google Chrome 40 · Windows 7

    回复

    • S

      江苏

      @飞扬 是的,速度快多了,且搬家方便

      十年前 Google Chrome 40 · Android 4.4.2

      回复

       

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注