为不同操作系统使用不同的中文字体

2015年2月10日
/
UI设计前端开发
/
9条评论
/
浏览:95,316

步骤一：在head中添加如下js，判断操作系统，并为html根节点添加相应操作系统class，注意需要引用jquery。

window.navigator.userAgent.indexOf('Windows') >= 0 ?
			jQuery(document.documentElement).addClass('Windows')
			:
			window.navigator.userAgent.indexOf('Macintosh') >= 0 ?
				jQuery(document.documentElement).addClass('Macintosh')
				:
				false
		;

步骤二：使用CSS选择器定义字体样式，为什么使用如下的字体定义，请阅读开头的文章。

.Windows body
{
    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.Macintosh body
{
    font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", sans-serif;
}

Web 中文字体应用指南（转）

9 评论

www.enterwing.com • 2015年3月20 下午4:36

就是不知道怎么设置继续阅读这样的文章。同样的主题，总感觉你用得很漂亮。

回复
- 第一网媒 • 2015年7月19 下午12:59
  
  看看主题的评论功能
  
  回复
mils • 2015年6月17 上午8:41

我就是随便看看

回复
大埔 • 2015年9月16 下午10:27

老大你的网站模板可以免费送吗？

回复
- 天屹 • 2016年3月16 上午11:29 作者
  
  可以的啊，邮箱给我
  
  回复
3090580 • 2016年1月3 下午5:43

看看！

回复
airo • 2016年9月20 下午9:24

你好，能给我一下你这个博客的wp模板吗？

我的邮箱是airoot@139.com

谢谢！

回复
leizai • 2018年7月19 下午10:47

看看！

回复
vultr vps • 2019年2月6 上午9:58

还不错试试

回复