/ 软件 / 2447阅

近期用的字体

昨晚及中午抽空对全站稍作改进,统一了三个平台(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. 不要担心速度啊,只要加载一次以后就不影响速度了。

    Google Chrome 40 · Windows 7
    1. S̆̈
      Google Chrome 34 · Windows XP
  2. 大肥羊

    感觉变化不大。

    Firefox 35 · Windows 7
    1. S̆̈

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

      Google Chrome 40 · Mac OS X 10.10
  3. Betty

    Mac下……哪有美……

    Safari 8 · Mac OS X 10.10
    1. S̆̈

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

      Google Chrome 40 · Mac OS X 10.10
      1. Betty

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

        Safari 8 · Mac OS X 10.10
        1. S̆̈

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

          Google Chrome 40 · Mac OS X 10.10
          1. Betty

            @S̆̈已发邮件

            Safari 8 · Mac OS X 10.10
        2. S̆̈

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

          Google Chrome 40 · Mac OS X 10.10
  4. Hooli

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

    Google Chrome 40 · Windows 8.1
    1. S̆̈

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

      Google Chrome 40 · Mac OS X 10.10
      1. Hooli

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

        Google Chrome 40 · Windows 8.1
        1. S̆̈

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

          Safari 8 · iPhone iOS 8.1.3
      2. Hooli

        @S̆̈http://i.imgur.com/bEKB4mM.png
        你这html代码不能用吗

        Google Chrome 40 · Windows 8.1
        1. S̆̈

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

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

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

          Safari 8 · iPhone iOS 8.1.3
  5. 飞扬

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

    Google Chrome 40 · Windows 7
    1. S̆̈

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

      Google Chrome 40 · Android 4.4.2

发表回复

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