Hermit Cottage

近期用的字体

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

发表评论 →

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

Safari 8 Safari 8 Mac OS X 10.10 Mac OS X 10.10

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

Google Chrome 40 Google Chrome 40 Mac OS X 10.10 Mac OS X 10.10

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

Google Chrome 40 Google Chrome 40 Mac OS X 10.10 Mac OS X 10.10

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

Google Chrome 40 Google Chrome 40 Windows 8.1 Windows 8.1

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

Google Chrome 40 Google Chrome 40 Mac OS X 10.10 Mac OS X 10.10

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

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

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

Safari 8 Safari 8 iPhone iOS 8.1.3 iPhone iOS 8.1.3

发表评论