brucmao
火狐狸
火狐狸
  • UID39549
  • 注册日期2013-05-29
  • 最后登录2020-03-25
  • 发帖数101
  • 经验154枚
  • 威望0点
  • 贡献值134点
  • 好评度5点
阅读:5783回复:6

改网页字体为微软雅黑的脚本或者样式

楼主#
更多 发布于:2013-05-29 22:20
我想把网页的字体改为微软雅黑,
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/
@brucmao
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-04-29
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2013-05-29 22:20
应该是微软雅黑字库没有这几个符号对应的字。
Firefox More than meets your experience
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
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,"微软雅黑";
}
}
浮舟
狐狸大王
狐狸大王
  • UID35715
  • 注册日期2011-03-26
  • 最后登录2014-06-14
  • 发帖数371
  • 经验17枚
  • 威望0点
  • 贡献值0点
  • 好评度2点
3楼#
发布于:2013-05-29 22:20
强制字体的坏处,看不到五彩缤纷的webfonts了。
没办法解决的,有失必有得,成天强制会错过很多宝藏。
毕竟大部分指定字体的网站的字,都很恶心,或者图省事全链接系统字体。总不能为了一滴蜜把整锅烧糊了的粥都吃了吧。

这些图标的码位都在私有区(E000),根本不可能有其他字体能正确显示的。

排除掉这个站吧,或者像LS一样,不是那么严格的要求全换掉。。。
@-moz-document regexp("((?!xhs.me|bbbb.com|cccc.org|).)*")
{填代码}
brucmao
火狐狸
火狐狸
  • UID39549
  • 注册日期2013-05-29
  • 最后登录2020-03-25
  • 发帖数101
  • 经验154枚
  • 威望0点
  • 贡献值134点
  • 好评度5点
4楼#
发布于:2013-05-29 22:20
浮舟:强制字体的坏处,看不到五彩缤纷的webfonts了。
没办法解决的,有失必有得,成天强制会错过很多宝藏。
毕竟大部分指定字体的网站的字,都很恶心,或者图省事全链接系统字体。总不能为了一滴蜜把整锅烧糊了的粥都吃了吧。

这些图标的码位都在私有区(E000),根本不可能有其他字体能正确显示的。

排除掉这个站吧,或者像LS一样,不是那么严格的要求全换掉。。。
@-moz-document regexp("((?!xhs.me|bbbb.com|cccc.org|).)*")
{填代码}
回到原帖


求这个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;}
}
@brucmao
brucmao
火狐狸
火狐狸
  • UID39549
  • 注册日期2013-05-29
  • 最后登录2020-03-25
  • 发帖数101
  • 经验154枚
  • 威望0点
  • 贡献值134点
  • 好评度5点
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;}
    }
    }
@brucmao
boyewell
狐狸大王
狐狸大王
  • UID26234
  • 注册日期2008-09-11
  • 最后登录2016-04-09
  • 发帖数511
  • 经验148枚
  • 威望0点
  • 贡献值140点
  • 好评度11点
  • 社区居民
6楼#
发布于:2013-05-29 22:20
好东西请上传 http://userstyles.org/
游客

返回顶部