Stylish:写了个全网替换字体为微软雅黑/Consolas 的 CSS,浑身舒畅

2015-06-26 16:01:25 +08:00
 alexapollo

全网替换字体,中文替换为微软雅黑,英文替换为Consolas。
不包括部分使用font图的网站,不包括部分样式需要定制的网站。

https://userstyles.org/styles/115633/alexapollo-consolas

装了Stylish就可以使用它。CSS非常简单,就一行,想玩的可以自己拿去定制下。

26943 次点击
所在节点    程序员
42 条回复
alexapollo
2015-06-26 16:05:52 +08:00
不知道这个分享放到哪个TAB里比较合适。
主要解决了自己看各类docs被各类难看字体烦到不行的问题。
nasta
2015-06-26 16:10:28 +08:00
你应该在Windows节点发...
cylin
2015-06-26 16:12:37 +08:00
属于分享创造吧 /go/create
lingyired
2015-06-26 16:13:28 +08:00
font icon 怎么办
alexapollo
2015-06-26 16:33:29 +08:00
@lingyired 就是这个比较头疼,正在想方法,有好主意吗?
alexapollo
2015-06-26 16:34:23 +08:00
@nasta 其实也可以加上兰亭黑文泉译什么的~
FrankFang128
2015-06-26 16:36:59 +08:00
只改 body 比较好吧
tanete
2015-06-26 16:37:57 +08:00
试用了,感觉还不错。继续关注!
crs0910
2015-06-26 16:42:09 +08:00
@alexapollo 还是搞一个白名单,只换掉常见的字体
lilydjwg
2015-06-26 16:43:15 +08:00
有没有想要全网禁用微软雅黑、微软正黑体、文泉驿微米黑、细明体、新细明体的?
Daniel65536
2015-06-26 16:44:17 +08:00
这是作死,而且技术太落后了。

给你展示下我这种技术先进的解决方案:

body {
-webkit-font-smoothing: subpixel-antialiased !important;
font-family: 'PingFang SC';
}
@font-face {
font-family: 'Arial';
unicode-range: U+2E80-FFFF;
src: local('PingFang SC');
}
@font-face {
font-family: '宋体';
unicode-range: U+2E80-FFFF;
src: local('PingFang SC');
}
@font-face {
font-family: '宋体';
unicode-range: U+0000-2E7F;
src: local('Helvetica Neue');
}
@font-face {
font-family: 'monospace';
unicode-range: U+2E80-FFFF;
src: local('PingFang SC');
}
@font-face {
font-family: 'monospace';
unicode-range: U+0000-2E7F;
src: local('Essential PragmataPro');
}
pre,
code {
font-family: 'Essential PragmataPro' !important;
}

上面省略了很多内容,只是展示罢了,完整源代码:
https://gist.github.com/blackgear/d6981d468d6c3191593b
编译选项:stylus userstyle.styl -c
alexapollo
2015-06-26 16:49:41 +08:00
@Daniel65536 我就喜欢能炸出潜水的尖端码农
lingyired
2015-06-26 17:01:00 +08:00
@alexapollo

*:not(*:before)

似乎不起作用,只用 CSS 的话,我也没啥好办法了。

如果你适配的站点比较少的话,那么就针对这些站点的 fonticon 做适配吧。。 (比如有使用 fontawesome 的话,就可以直接针对 .fa 做修改)

@Daniel65536 的方法太赞了
nasta
2015-06-26 17:32:45 +08:00
@alexapollo 哈哈,这个可以有
yangg
2015-06-26 17:37:08 +08:00
@Daniel65536 我之前也想到过这种方案,不过如果真的实行的话,每天看一种字体 不疲劳?
vali16
2015-06-26 19:12:17 +08:00
不错
Daniel65536
2015-06-26 19:36:31 +08:00
@yangg 每天看一种字体为啥会疲劳?我觉得看宋体更加让我疲劳…

当然,上面没写清楚,我那个css没有把英文字体统一成一种,所以英文还是各种各样的,不过中文还是老老实实只用最好的一个比较好。毕竟好的中文字体太少了。
把等宽字体统一成一种的理由很简单,PragmataPro是我眼中最漂亮的等宽字体,而且我花钱买了+_+
linux40
2015-06-26 19:44:39 +08:00
linux大法好
momo5269
2015-06-26 20:40:10 +08:00
雅黑看久了会累死人的 = =
bugmenott
2015-06-26 21:20:01 +08:00
@Daniel65536 看着很舒适

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/201393

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX