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

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

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

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

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

27223 次点击
所在节点    程序员
42 条回复
xieaoran
2015-06-26 21:25:37 +08:00
不能直接
body{
font-family: *** !important;
}
啊......
ladit
2015-06-26 21:37:19 +08:00
ls25145
2015-06-27 12:17:21 +08:00
装个MacType省事
nyanyh
2015-06-27 19:06:10 +08:00
@ladit 在用这个帖子的方法时,在Chrome下有没有发现远景论坛(bbs.pcbeta.com)的字体无法替换?
我这里总会自动强制雅黑,无法设置别的字体
ladit
2015-06-27 20:30:37 +08:00
@nyanyh 检查配置是否正确:stylish,chrome(在chrome://flags下打开(关闭?不太记得了)cleartype),一般加上mactype,还有chrome的设置里的字体也要改,上述帖子的配置需要按个人情况配置,并且在stylish中删除第8行代码。
nyanyh
2015-06-27 21:35:57 +08:00
@ladit 这个页面在我这不论怎么修改配置,刚打开页面时强制字体是生效的,但1秒左右又回变回雅黑,其他网页没遇到这个问题
nyanyh
2015-06-27 21:41:03 +08:00
@nyanyh 而且用Custom.css,同样的代码是可以强制设置字体的。估计应该是Discuz!本身的css覆盖了Stylish的设置
ladit
2015-06-27 23:26:26 +08:00
@nyanyh 是自动变回?没有刷新应该不会吧?stylish应该是强制覆盖所有吧。另外还可以看看是否有拓展冲突。
nyanyh
2015-06-28 11:55:32 +08:00
@ladit 确实是自动变回,新建配置文件也一样,打开后是设置好的字体,过一会就变成雅黑
现在发现在http://cdn.pcbeta.css.inimc.com//data/cache/style_6_common.css中设置了字体,但是不知道怎么屏蔽它,直接过滤这个css会导致网页丢失格式
Yamade
2015-06-28 18:46:38 +08:00
感谢,貌似 google搜索结果没变
ladit
2015-06-29 10:50:13 +08:00
@nyanyh 0.0那就不管这个咯。。如果不常上的话。。或者向pcbeta反馈下看看?
alexapollo
2015-06-30 11:36:08 +08:00
其实还是有一些问题的,比如V站上的登出按钮就换行了
alexapollo
2015-06-30 11:40:20 +08:00
@Daniel65536 看APPEND~
Daniel65536
2015-07-01 00:02:12 +08:00
civilians
2015-09-25 20:37:56 +08:00
google 搜索界面没有变...
fetich
2016-03-29 00:20:25 +08:00
@Daniel65536
可不可以将宋体部分的代码改为
@font-face {
font-family: '宋体';
src: local('Helvetica Neue'), local('PingFang SC') ;
}
即英文字体使用前者,中文字体使用后者。
在 Chrome 上测试了下,好像不好使。但 CSS @font-face 是可以同时指定多个字体的吧,这是浏览器的原因么,请指教。

另外,为什么你的代码里,没有为粗体的代码,即:
@font-face {
font-family: '宋体';
/* font-weight: bold; */
unicode-range: U+2E80-FFFF;
src: local('PingFang SC');
}
Daniel65536
2016-03-29 02:33:27 +08:00
@fetich 我用 Safari 。粗体那个是 chrome 自家的 bug/feature ,想用自己改吧~
fetich
2016-03-29 22:14:15 +08:00
@Daniel65536
在 Chrome 又实验了下列代码
@font-face {
font-family: 'Microsoft YaHei';
src: local('Roboto'); // 可以生效。
font-weight: bold;
unicode-range: U+0000-2E7F;
}

第三行代码如果改为 src: local('Roboto Bold'); 则没有效果,阿拉伯数字等字符仍显示雅黑的字体。
问题是 从 Google 搜索结果、 MDN 等资料来看, src: local('Roboto Bold'); 才是正确的书写方法。彻底凌乱了,这是否是称其为 「 Chrome 自家的 bug 」的缘由?谢谢啦。
lenovo
2016-09-17 22:36:14 +08:00
'瀹嬩綋'
'����'

这两个是什么字体?
paulx3
2017-08-01 15:28:25 +08:00
所以还会更新吗?

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

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

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

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

© 2021 V2EX