昨晚及中午抽空对全站稍作改进,统一了三个平台(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里去调用。
不要担心速度啊,只要加载一次以后就不影响速度了。
@兔二爷 | 理性的感性生活有理!
感觉变化不大。
@大肥羊在Win10和Mac下还是有感觉的。
Mac下……哪有美……
@Betty不美吗?我这里看貌似还可以嘛
@S̆̈但是在我这里……完全没有任何字体效果嘛……
看着就像……普通的宋体?普通的硕大的宋体?
I don’t Know…… 😈
@Betty其实我昨天把部分字体效果关了,加快速度。以及你那里什么效果能截屏吗。
@S̆̈已发邮件
@Betty看了截图,我想问,你浏览器的默认字体,是Mac的华文黑体吗?
字体族不全,Chrome下还行,火狐下没效果。
如果字体有细体的话,可以用 font-weight: 100; 这样来调整粗细。
@Hooli为了兄台这句评论,特意去下了久已未用的Win下FF。在Win7下,FF效果还可以呀。
@S̆̈
左Chrome右Firefox,看起来很明显不一样。
@Hooli我也装了FF,感觉差不多嘛。你有没有自定义浏览器默认字体?
@S̆̈http://i.imgur.com/bEKB4mM.png
你这html代码不能用吗
@Hooli我看懂了。左边是代码中的雅黑light在起作用。右边是默认的雅黑(粗)。
情况是,代码是可以用的,只是我目前嫌弃加载太慢,把font-face关掉了。
你把FF默认字体里,应该有一项例如忽略网站字体,这个选项关掉试试。
唯一的感觉是字变大了。你现在图片都存到网易那里了?
@飞扬是的,速度快多了,且搬家方便