ShakeProof

「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 风格。

image

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

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

posted on 2012-12-30 23:51  mirrorwheel  阅读(207)  评论(0编辑  收藏  举报

导航