html禁止浏览器修改字号,在高版本Chrome浏览器中自定义强制样式表修改页面字体显示...

Firefox有一个比较好的功能，就是禁用页面指定的字体，改为使用用户强制指定的字体来渲染也页面。但是在Chrome中却没有这样的设置，Chrome的原意是尊重网页设计者的意图，尽可能原样显示页面。但是有时候使用者就是想用自己指定的字体去显示页面，过去老版本的Chrome可以通过Custom.css的方式来强制页面使用指定字体，但是好像从Chrome

34开始就无效了。使用Chrome的插件stylist虽然说也可以实现类似的功能，但是总感觉效率好像低了一些，而且对于某些页面似乎无法起作用。有两种方法可以比较好的实现：

方法一：我们可以尝试做一个自己的小插件来实现这个功能。在磁盘上建一个目录，比如命名为My

CSS，然后建立一个样式表文件，随便起名，比如叫my.css，具体内容如下：

body * {

font-family: "XHei"

!important;

}

pre, code, kbd, samp, var {

font-family: "XHei Mono",

"MingLan_Code_TC" !important;

}

上面样式表的作用是，页面的一般字体强制用XHei字体，而代码等需要等宽显示的字体强制用XHei Mono，如果XHei

Mono不存在或者出现无法显示的字符，就用替代字体MingLan_Code_TC去显示。

然后再创建一个文本文件，必须命名为manifest.json，内容如下：

{

"content_scripts": [{

"css": [ "my.css" ],

"matches": ["*://*/*"]

}],

"name": "My CSS",

"version": "1",

"manifest_version": 2

}

上述文件的作用是让Chrome浏览器能够识别出是一个扩展，并且任何网址都匹配应用这个扩展，扩展中强制任何网址页面都使用我们刚刚定义的那个my.css样式表。

接着，在Chrome浏览器的扩展配置页面，点击“加载正在开发的扩展程序...”，选择My

CSS文件夹即可加载我们自己的扩展了，你可以看到所有页面都使用了我们自己定义的样式字体了！

方法二：使用stylish插件，同时升级chrome到最新版，效果也好了。