阅读:5783回复:6
改网页字体为微软雅黑的脚本或者样式
我想把网页的字体改为微软雅黑,
1、firefox选项-内容-字体和颜色里面 是可以做到的,但是必须要勾选 如果不勾选,打开这个网页http://xhs.me/blog/,显示不正确 正确显示应该是这样的 2、现在我这里有个油猴脚本,我把所有网页都设置为微软雅黑,但是感觉执行比较慢,打开网页后,字体才变过来,打开这网页还是不能正确显示 http://xhs.me/blog/ // ==UserScript== // @name Yahei // @namespace https://userscript.org/ // @include http://*/* // @description Enforce the including sites to use YaHei. // @grant none // ==/UserScript== (function() { var css = "*{font-family: Tahoma,Verdana,Microsoft YaHei,sans-serif !important;}"; if (typeof GM_addStyle != "undefined") { GM_addStyle(css); } else if (typeof PRO_addStyle != "undefined") { PRO_addStyle(css); } else if (typeof addStyle != "undefined") { addStyle(css); } else { var heads = document.getElementsByTagName("head"); if (heads.length > 0) { var node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); heads[0].appendChild(node); } } })(); 3、后面我又用Stylish样式,感觉比油猴脚本执行要快 /*---已读链接---*/ a:visited, .fl:visited { color: #CC0000 !important} /*---网页选中字体---*/ body ::-moz-selection {color:#000000;background-color:#E18B8D;text-shadow:none;} /*---字体增强---*/ body, input {text-shadow: 0px 0px 1px #999;} menubar > menu, menubar, menubutton, menulist, menuitem { text-shadow: 0px 0px 1px #999;} menupopup > * { text-shadow: 0px 0px 1px #999;} dialog, box, button, page, label, caption, textbox, input, select { text-shadow: 0px 0px 1px #999;} window { text-shadow: 0px 0px 1px #999;} /*---中文雅黑,英文Comic Sans---*/ *{font-family: "Microsoft YaHei", "微软雅黑" !important;} pre, code, kbd, samp, var { font-family: "Microsoft YaHei", "微软雅黑" !important;} } 打开这个网页,还是不能正确显示 http://xhs.me/blog/ |
|
|
1楼#
发布于:2013-05-29 22:20
应该是微软雅黑字库没有这几个符号对应的字。
|
|
|
2楼#
发布于:2013-05-29 22:20
那个网页的图标实质是字体来的,
你都强制雅黑了,而雅黑没有那个字符就出问题了 GM脚本改字体本质上也是通过样式来改的。 stylish样式是先于网页样式加载, 而GM脚本没有特别声明默认是网页文档加载完后才执行。 我不喜欢全局强制样式。 要显示图标去掉!important;就可以了 对于那些没有设置字体的网站 *{font-family:"微软雅黑";} 就够了 我在用的 @-moz-document url-prefix(http://), url-prefix(https://){ div, td, th, span, a, b, p, font, button, input, select, textarea,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6{ font-family:sans-serif,"微软雅黑"; } } |
|
3楼#
发布于:2013-05-29 22:20
强制字体的坏处,看不到五彩缤纷的webfonts了。
没办法解决的,有失必有得,成天强制会错过很多宝藏。 毕竟大部分指定字体的网站的字,都很恶心,或者图省事全链接系统字体。总不能为了一滴蜜把整锅烧糊了的粥都吃了吧。 这些图标的码位都在私有区(E000),根本不可能有其他字体能正确显示的。 排除掉这个站吧,或者像LS一样,不是那么严格的要求全换掉。。。 @-moz-document regexp("((?!xhs.me|bbbb.com|cccc.org|).)*") {填代码} |
|
4楼#
发布于:2013-05-29 22:20
浮舟:强制字体的坏处,看不到五彩缤纷的webfonts了。 求这个stylish样式的排除代码应该怎么写,把 @-moz-document regexp("((?!xhs.me|bbbb.com|cccc.org|).)*")这句放到最前面么, /*---已读链接---*/ a:visited, .fl:visited { color: #CC0000 !important} /*---网页选中字体---*/ body ::-moz-selection {color:#000000;background-color:#E18B8D;text-shadow:none;} /*---字体增强---*/ body, input {text-shadow: 0px 0px 1px #999;} menubar > menu, menubar, menubutton, menulist, menuitem { text-shadow: 0px 0px 1px #999;} menupopup > * { text-shadow: 0px 0px 1px #999;} dialog, box, button, page, label, caption, textbox, input, select { text-shadow: 0px 0px 1px #999;} window { text-shadow: 0px 0px 1px #999;} /*---中文雅黑,英文Comic Sans---*/ *{font-family: "Microsoft YaHei", "微软雅黑" !important;} pre, code, kbd, samp, var { font-family: "Microsoft YaHei", "微软雅黑" !important;} } |
|
|
5楼#
发布于:2013-05-29 22:20
我明白了,原来是少写了个 }
改为这样就可以排除了 /*---已读链接---*/ a:visited, .fl:visited { color: #CC0000 !important} /*---网页选中字体---*/ body ::-moz-selection {color:#000000;background-color:#E18B8D;text-shadow:none;} /*---字体增强---*/ body, input {text-shadow: 0px 0px 1px #999;} menubar > menu, menubar, menubutton, menulist, menuitem { text-shadow: 0px 0px 1px #999;} menupopup > * { text-shadow: 0px 0px 1px #999;} dialog, box, button, page, label, caption, textbox, input, select { text-shadow: 0px 0px 1px #999;} window { text-shadow: 0px 0px 1px #999;} /*---中文雅黑,英文Comic Sans---*/ @-moz-document regexp("((?!xhs.me|goole.com).)*"){ *{ font-family: "Microsoft YaHei", "微软雅黑" !important;} pre, code, kbd, samp, var { font-family: "Microsoft YaHei", "微软雅黑" !important;} } } |
|
|
6楼#
发布于:2013-05-29 22:20
好东西请上传 http://userstyles.org/
|
|