「2012-12-30」Safe fonts, Google web fonts (Monda), Live-writer plugin & tips.

今天替换了用了很长时间的博客模版，主要变化是：英文的默认字体变了；整体字号变大了；页面宽度的像素值提高了（宽度 1280+ 的屏幕，浏览起来都是无问题的，更小的屏幕，如古老而经典的 1024*768 屏幕，如果没有经过类似手机浏览器的云端处理，就会出现滚动条）；文章末尾加了 Creative Commons 说明。

关于英文的默认字体问题，主要是参考了《16 Gorgeous Web Safe Fonts To Use With CSS》，从中选取的字体顺序如下。全部的 .css 文件可以参考页面源代码。之前对页面排版其实也不懂，就是按照想要达到的效果，边查参数边做，所以估计某些地方还不一定用的很准确（比如浏览器适配之类）……

body

{

	font-family: Palatino Linotype, Palatino, Times New Roman, Times, Helvetica, "\5FAE\8F6F\96C5\9ED1", sans-serif;

	margin: 0px 0px 20px 0px;

	background: #FFF;

	text-decoration: none;

	word-wrap: break-word;

	font-size: 16px;

	line-height: 150%;

}

另外，经过咨询@zellux 同学，得知其博客里使用的英文字体，是来自 Google web fonts 这个神器网站，名字叫「Monda」，的确挺好看的。但是由于需要在线下载字体，可能会对浏览速度有影响，因而作罢，还是坚持上述 safe fonts 风格。

另外，分享博客客户端 Windows Live Writer 的几个小技巧。一个是如何「编辑博客时始终使用图片原始尺寸」；二是如何使用插件方便插入代码，后来在官方网站上，发现其实有很多类似的 formatting 工具，由于对代码高亮没要求，所以最后选用的是（估计是功能上最简单的）CodeArea，作用很简单，就是给一段文字添加可自定义的前缀后缀（from HTML source），比如 <pre> /* your code here */ </pre> 等等。

最后，设置了默认签名，即，每篇文章末尾附带的签名，至于效果嘛，点开本文链接（首页不可见），见下方签名即是。文字来源也是@zullux 的博客，有需要的同学，自行收下吧。 :-)