近期用的字体 – 竹炉山房

昨晚及中午抽空对全站稍作改进，统一了三个平台（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里去调用。

# 写于，改于。

CSS字体

共有 18 条评论

兔二爷 | 理性的感性生活
香港

不要担心速度啊，只要加载一次以后就不影响速度了。
十年前 Google Chrome 40 · Windows 7
回复
- S
  江苏
  *
  
  @兔二爷 | 理性的感性生活有理！
  十年前 Google Chrome 34 · Windows XP
  回复
大肥羊
广东

感觉变化不大。
十年前 Firefox 35 · Windows 7
回复
- S
  江苏
  *
  
  @大肥羊在Win10和Mac下还是有感觉的。
  十年前 Google Chrome 40 · Mac OS X 10.10
  回复
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
      回复
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
      回复
  - Hooli
    江苏
    
    @S http://i.imgur.com/bEKB4mM.png
    你这html代码不能用吗
    十年前 Google Chrome 40 · Windows 8.1
    回复
    - S
      江苏
      *
      
      @Hooli 我看懂了。左边是代码中的雅黑light在起作用。右边是默认的雅黑（粗）。
      
      情况是，代码是可以用的，只是我目前嫌弃加载太慢，把font-face关掉了。
      
      你把FF默认字体里，应该有一项例如忽略网站字体，这个选项关掉试试。
      十年前 Safari 8 · iPhone iOS 8.1.3
      回复
飞扬
湖南

唯一的感觉是字变大了。你现在图片都存到网易那里了？
十年前 Google Chrome 40 · Windows 7
回复
- S
  江苏
  *
  
  @飞扬是的，速度快多了，且搬家方便
  十年前 Google Chrome 40 · Android 4.4.2
  回复

共有 18 条评论

发表评论 取消回复

发表评论取消回复