vvoody’s woody house

[Opera]改善IBM developerWorks代码部分字体显示

IBM 的 developerWorks 的代码部分在我的 Opera 设置下字体显示异常难看。以前9.2x系列用的CSS的方法，所有字体都是一样的，很暴力，越发不喜欢。Opera 9.5 引入新的字体选择机制使得 Linux 下设置中英文字体非常方便。我只用font.ini选了我喜欢的中文字体，其他英文字体除了 <pre> 设了 Courier 10 Pitch 外，均默认。

忍了一段时间了，今天终于不能再忍，决定动手hack。

过程挺简单：
1. 找到网页中控制这部分字体的元素，查看源码得到是 <pre class=”displaycode”>;
2. 找定义这些元素的CSS，查看源码所得是 screen.css ;
3. screen.css 的最后，有两个相关的定义 .displaycode 和 .boldcode，发现它选定的字体我字体内没有，也不知道Opera选了哪个难看的字体;
4. 写个CSS，定义我自己心爱的等宽字体 -> Courier 10 Pitch ;

/* code font CSS for IBM dW-cn in Opera 9.5 */

.displaycode { font-family: “Courier 10 Pitch” !important; }
.displaycode { font-size: 16px !important; }
.boldcode { font-family: “Courier 10 Pitch” !important; }
.boldcode { font-size: 16px !important; }

5. 进到 ibm developerWorks 的首页，右击页面空白处，选择 Edit Site Preferences… -> Display -> My style sheet，选择刚才写的CSS文件就行了。

使用前
使用后