100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html禁止浏览器修改字号 在高版本Chrome浏览器中自定义强制样式表修改页面字体显示...

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

时间:2022-06-24 16:51:02

相关推荐

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到最新版,效果也好了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。