|
阅读:6488回复: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/
|
|
