惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
IT之家
IT之家
博客园_首页
博客园 - 【当耐特】
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
G
Google Developers Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Recent Announcements
Recent Announcements
F
Fortinet All Blogs
GbyAI
GbyAI
腾讯CDC
H
Hackread – Cybersecurity News, Data Breaches, AI and More
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
I
InfoQ
H
Help Net Security
T
Tailwind CSS Blog
B
Blog RSS Feed
Martin Fowler
Martin Fowler
人人都是产品经理
人人都是产品经理
The Cloudflare Blog
博客园 - 叶小钗
雷峰网
雷峰网
量子位

囧克斯

奔四了,写给40岁的自己 有序退网 我和 Vue.js 的十年 我参与《代码之外 Beyond Code》的故事 博客站迁移至 VitePress 的备忘 写给我的奶奶 中文格式化小工具 zhlint 及其开发心得 vue-mark-display:用 markdown 语法轻松撰写幻灯片 我对技术会议的一些看法 VueConf Hangzhou 见闻 第四届 CSSConf CN 见闻 [译]Web 表单的未来 [译]苹果正在做一些他们的程序员明摆着不想要的东西 [译]为什么我不会无偿加班且你也不应该 [译]如果管理是唯一可走的路,那就完蛋了 [译]如何撰写 Git 提交信息 [译]C 程序的原则 Vue 2.0 来了! Weex 近 4 个月的开源之路 Weex 在 JS Runtime 内的多实例管理 我理解的 SPA 我理解的 Flux 架构 【整理】Vue 2.0 自 beta 1 到 beta 4 以来的主要更新 通过一张图走进 Vue 2.0 Code Review for Vue 2.0 Preview Vue 2.0 发布啦! 务实的小而美 Vue.js 1.0.0 发布了! [译]如何成为一名卓越的前端工程师 手机淘宝前端的图片相关工作流程梳理
给我的博客换了几个Mac字体
勾三股四 · 2011-11-14 · via 囧克斯

本文摘自 勾三股四 更早时期的 不老歌 博客。


不老歌的默认字体一直是 "Courier New" 对于经常写代码的人来说,这种等宽字体非常亲切,看着也很舒服,不觉得费眼。

后来,我发现比较高版本的Windows里,有另外一个等宽字体,感觉比较漂亮,那就是Consolas,于是我长期把我的博客默认字体设为:

body, td, input, button, select, textarea {
font-family: Consolas, "Courier New";
}

最近玩了玩Mac,发现Mac下的字体库非常棒!有很多不错的字体,觉得不用一用可惜了,于是在我的博客的CSS里,加入了一些字体选择:

body, td, input, button, select, text area {
font-family: Optima, Consolas, "Courier New";
}
code, pre {
font-family: Monaco, Consolas, "Courier New";
}

如果用Mac或iOS设备访问我的博客,会看到比较不一样的字体。也希望在大家看来,是更好看的字体。

另外上周末为 WebReBuild.ORG 准备了一个前端技术的分享,在设计幻灯演示的时候,也一直在纠结字体。我发现在Mac下的那个叫做“字体库”的应用程序非常贴心,可以很方便的浏览Mac操作系统下的所有可用字体,并且按照不同的需求进行了分类,还可以预览不同字号、应用到不同文字上的样子,这让我更有兴趣把所有的Mac字体都看过一遍——要知道在Windows里,浏览一种字体是一件很不方便的事情。

最后推荐几个我在Mac字体库里淘出来的比较对我胃口的字体,如果你的电脑也是Mac系统或iOS系统,不妨也来一起鉴赏一下:
(如果您是通过人人网、鲜果、Google Reader等网站查看下面的内容,可能看不出啥效果来,请移步到原文链接)

Monaco
http://bulaoge.net/?g3g4

个人感觉比较“可爱”的一款等宽字体

Gill Sans
http://bulaoge.net/?g3g4

比较有现代感——事实上,这款字体正是被归类为“现代”类字体,网上见到不少Keynote文档在使用这个字体,不过它被加粗的时候,就不太好看了……

Futura
http://bulaoge.net/?g3g4

这款字体跟上一个Gill Sans感觉差不多,加粗后的效果顺眼一些

Optima
http://bulaoge.net/?g3g4

就是现在我们在Mac下看到的字体,当然可能以后我的博客的字体还会变就是了,上述三个字体都是“现代”类的字体

Lucida Grande
http://bulaoge.net/?g3g4

最后一个推荐的字体,它虽然不在任何子分类里,却非常好看非常常见——因为它是Mac OS的默认字体

以上