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