[0337]博客字体设置

博客字体和大小设置的重要性毋庸多说。当前，正文字体多是宋体或微软雅黑了，这两个字体都是非衬线体，我都不喜欢。当宋体字大于13px就丑陋了，所以我喜欢把字体设置为13px（例如知乎），但是如此一来，字又太小了，好多人表示累眼。

为此，我只好把字体改为黑体，大小为14px，西文则设为Georgia，这个在Panels主题上使用过。后来换主题，发现这种字体也不好看，换成微软雅黑也不满意。

一天，想到了兔二爷博客上楷体字，果断设置了一下。字体楷体，经过不断调整大小为17px，大一号则突兀，小一号则字形不舒展，就这么大了！由于Georgia字体在楷体中太突出，不够和谐，西文则改为了Verdana。

然而，在手机上就会发现，字体设置白搭了。虽欲解决，只是无从下手，直到昨天看到了阮一峰的文章，这才恍然大悟：系统决定了字体的显示。这才有了初识全貌感，原来，苹果Mac系统上显示的也不是我要的样子。为此，更改如下：

font-family: Verdana,Georgia,KaiTi,"楷体",STKaiTi,"华文楷体",
             "Microsoft YaHei", "微软雅黑", serif;

哎，衬线体就是好看！

更多信息请看：中文字体网页开发指南http://www.ruanyifeng.com/blog/2014/07/chinese_fonts.html

20150508更新

经反馈，才发现了一个问题，除了系统的差异，还有浏览器渲染的区别。一直以来，我都是在Chrome浏览器上测试，不想在IE和Firefox上都显示不够完美（即便是所谓有着Chrome相同核心Webkit的360极速浏览器也是如此），字体有种锯齿感，除非把字改为非常大才会显示良好。然而，除了把楷体换掉，否则我也毫无办法。

《[0337]博客字体设置》上有65条评论

浮茗诗舍说道：

2015年5月5日下午1:12

配色再调一下感觉会更好，现在感觉有点照眼。

回复
1. 老方说道：
  
  2015年5月5日下午1:35
  
  刺眼？这已经很温和了吧，这个和显示器又有关系了。配色不知道怎么弄才好看。
  
  回复
  1. 马光说道：
    
    2015年5月6日上午3:30
    
    可能是对比度的关系，稍微有一点点照眼。
    
    回复
    1. 老方说道：
      
      2015年5月6日下午12:32
      
      右侧背景确实有些晃眼，已改暗了。
      
      回复
勺子说道：

2015年5月5日下午5:00

重视读者体验是一件值得点赞的事情！

回复
1. 老方说道：
  
  2015年5月5日下午9:02
  
  大家好才是真的好。
  
  回复
2. 兔二爷 | 理性的感性生活说道：
  
  2015年5月6日下午3:00
  
  我跟进了，17号字，细节再调整。
  
  回复
叶子说道：

2015年5月5日下午8:16

手机上的字体有限，基本都一样。这个配色，依然舒适。

回复
1. 老方说道：
  
  2015年5月5日下午9:15
  
  哈哈，不讨厌就好，这个东西众口难调的。
  
  回复
河石子说道：

2015年5月5日下午9:28

感谢分享，很实用的。

回复
1. 老方说道：
  
  2015年5月5日下午9:38
  
  You are welcome ！
  
  回复
路易大叔说道：

2015年5月5日下午11:48

这个字体看起来很费劲

回复
1. 老方说道：
  
  2015年5月6日上午9:16
  
  您老了吧，这么大的字还费尽啊，多看看优美的字，人的心情都好些，嘿嘿
  
  回复
  1. 路易大叔说道：
    
    2015年5月7日上午7:42
    
    不是说字的大小，而是字体，不适合简体中文
    
    回复
    1. 老方说道：
      
      2015年5月7日下午12:58
      
      中文字体不适合简体中文，这说法很匪夷所思啊。
      
      回复
      1. 路易大叔说道：
        
        2015年5月8日下午12:49
        
        不是所有的中文字体都适合在网页上显示的
大致说道：

2015年5月6日上午8:33

“楷体”那几个汉字可以不写的。
看到楷体总有种看红头文件的感觉。

回复
1. 老方说道：
  
  2015年5月6日上午10:06
  
  你不觉得更像小学课本吗？
  
  回复
诗简苒说道：

2015年5月6日下午12:13

其实我对字体不敏感，哈哈…

回复
1. 老方说道：
  
  2015年5月6日下午12:34
  
  哈哈，这就是个人口味了，就像我不会用这么长的域名，以及带下划线的ID的网易的邮箱！
  或者你还没到这个敏感的时候。
  
  回复
  1. 诗简苒说道：
    
    2015年5月6日下午12:51
    
    我所有的邮箱，十个得有八个都是这个带下划线的ID…
    哈哈…
    
    回复
    1. 老方说道：
      
      2015年5月6日下午12:55
      
      严重怀疑你的审美情趣！
      我只要纯字母和纯数字的，而且字母和数字组合都不是那么随便的，哈哈
      
      回复
      1. 诗简苒说道：
        
        2015年5月6日下午12:57
        
        我记得小时候阅读一个电脑杂志叫《CHIP新电脑》
        然后那里面的编辑、评测师的邮箱都是姓+下划线+名的样式。
        然后我就效仿了，哈哈……
兔二爷 | 理性的感性生活说道：

2015年5月6日下午2:43

这个主题和字体感觉我很喜欢！

回复
1. 老方说道：
  
  2015年5月6日下午3:10
  
  这个字体还不就是从你那儿过来的啊，哈哈
  
  回复
天长地久说道：

2015年5月6日下午4:21

完美主义者
我是随心所欲那种

回复
1. 老方说道：
  
  2015年5月6日下午11:08
  
  早就看出来了，好好带崽
  
  回复
an9说道：

2015年5月6日下午7:11

读者舒服才最重好。

回复
1. 老方说道：
  
  2015年5月6日下午11:10
  
  读者可不是一个人，众口难调，首先还是要自己喜欢的。
  
  回复
giant888说道：

2015年5月6日下午8:34

楷体一上屏幕总感觉有点怪怪的。

回复
1. 老方说道：
  
  2015年5月6日下午11:10
  
  习惯问题，看多了就不怪了。
  
  回复
wys.me说道：

2015年5月6日下午9:35

现在这字体一般大小，不伤眼。咋又不用大红主色调了，换天空蓝了，不错。感觉宁静。

回复
1. 老方说道：
  
  2015年5月6日下午11:12
  
  夏天到了，大红看着太热。不过，原来的是紫色好不？喜欢就最好了。
  
  回复
随望淡思说道：

2015年5月6日下午10:25

实话说，这个字体在WIN7上看，虽然边缘圆润了，但也是不够清晰！

回复
1. 老方说道：
  
  2015年5月6日下午11:15
  
  色彩不是纯黑，所以看起来比较温和，类似雅黑那种感觉，没那么锐利。不过，我看着还可以啊！
  
  回复
cly说道：

2015年5月7日上午12:24

看上你的主题了，求分享。

回复
1. 老方说道：
  
  2015年5月7日上午6:44
  
  你想要吗？你真的想要吗？那么先把twentyfifteen先装上，然后我把twentyfifteenchild打包发给你。
  
  回复
龙城瓶子说道：

2015年5月8日上午10:42

不好看。。。

回复
1. 老方说道：
  
  2015年5月8日上午11:26
  
  让你也觉得好看？不强求。因为人在不同的时候喜欢的色彩不同，不奇怪，否则折腾主题干嘛。
  
  回复
大肥羊说道：

2015年5月9日下午11:36

17号感觉和我那16号差不多。

回复
1. 老方说道：
  
  2015年5月10日上午11:23
  
  这个得看浏览器了，Chrome效果最好。
  
  回复
  1. 大肥羊说道：
    
    2015年5月10日上午11:37
    
    还是习惯 firefox。
    
    回复
土木坛子说道：

2015年5月11日上午6:06

也是折腾不止。我直接用主题默认设置，无论如何设计，都有人满意，有人不满意。

回复
1. 老方说道：
  
  2015年5月11日上午8:54
  
  偶尔折腾一下，如果总有不满意的，那至少要保证自己满意，哈哈！
  
  回复
瑾瑜说道：

2015年5月13日下午11:35

楷体还是比较适合做标题，现在手机预置的字体一般都是非衬线的。而且在电脑上，受限于分辨率，衬线未必好看。

回复
1. 老方说道：
  
  2015年5月14日上午10:11
  
  我在Win7+Chrome上浏览博客还是挺好看的，Mac系统应该也不会差，手机系统直接换字体了，问题不大。其他的如ie、firefox等浏览器就不太理想了。
  PS：为嘛你的昵称要伪装呢？
  
  回复
皇家元林说道：

2015年5月15日下午11:11

其实雅黑字体就挺好，方方正正的。。

回复
1. 老方说道：
  
  2015年5月16日上午10:35
  
  终究是个人喜好吧，一直以来没觉得微软雅黑好看。看了你的博客，有种未完成品的感觉，略有点乱，呵呵，个人观感，别介意。
  
  回复
  1. 皇家元林说道：
    
    2015年5月16日下午8:58
    
    兄台客气，就是乱，层次不清。。设计感太弱
    
    回复
潘俊文说道：

2015年5月16日下午8:58

其实我觉得楷体和宋体真的很难看啦。不过Windows下实在找不到人人电脑都有的还漂亮的字体

回复
1. 老方说道：
  
  2015年5月20日下午5:21
  
  黑体有些呆板僵硬，但字间距比较好，雅黑给我的感觉就像相互交错，看着乱！宋体比较醒目，但是给人太简陋的感觉了，虽然都是衬线体，但是楷体的感觉不错。
  有没有可能调整字间距？
  
  回复
je说道：

2015年5月20日下午1:18

不开 mactype 的话，有些网页字体简直没法看。典型的就是兔二爷的楷体和王垠中文博客的仿宋体。虽然这两种字体都很适合显示中文，但毕竟电脑…

宋体还是比较好的，见过不少用宋体+Georgia的博客。

回复
1. 老方说道：
  
  2015年5月20日下午1:48
  
  宋体和雅黑字体确实很普遍，大了不好看啊！
  
  回复
寒烟说道：

2015年5月20日下午4:07

喜欢现在这个字体，在Mac上面看着非常棒！

回复
1. 老方说道：
  
  2015年5月20日下午4:37
  
  在Mac上应该要好看的，Mac是高DPI的嘛！
  
  回复
  1. 寒烟说道：
    
    2015年5月21日下午5:24
    
    方兄的博客回复邮件通知是不是失效了？我这边没有接到任何通知，这样我还得一个一个的翻阅我的评论～
    
    回复
    1. 老方说道：
      
      2015年5月21日下午5:59
      
      没有失效啊，我就是收到邮件才来回复你的，fxq@foxmail这个邮箱，你找找看。
      
      回复
从良未遂说道：

2015年6月29日上午10:26

我为了字体的事情页搞了好久，现在终于在win和mac上都有好的显示效果了

回复
1. 老方说道：
  
  2015年6月30日下午12:41
  
  mac冬青黑体，win宋体，看着也还好。
  
  回复
冬烛之焰说道：

2016年2月19日下午10:18

很喜欢你现在的主题和字体，在macbook视网膜屏上显示的超棒哦

回复
1. 老方说道：
  
  2016年2月22日上午6:48
  
  嗯，我设置了Mac字体的，效果应该会更好。主题是WP 2015，字体是楷体。
  
  回复
老杨说道：

2016年7月21日下午6:19

哎，我是怎么折腾都不尽如意，字体和排版也是门学问。

回复
1. 老方说道：
  
  2016年7月22日上午6:29
  
  我的字体也不十分满意，PC端还好，移动端字体就有些大了，不美。
  
  回复
  1. 老杨说道：
    
    2016年7月23日下午10:50
    
    中文比较蛋疼，话说你评论框的字体挺好看的。
    
    回复
    1. 老方说道：
      
      2016年7月25日上午10:18
      
      默认的主题多么省心啊！
      
      回复

《[0337]博客字体设置》上有65条评论

发表回复 取消回复

发表回复取消回复