请问怎么修改全局字体?

MarlonCarroll

feitzr 发表于 2021-8-10 14:23
哈哈，忘了说了，还有配套的语法
全套是  
*:not([class*="icon"]):not([class*="mui-amount"]):not([cl ...

改了之后字体好虚啊

sobadboyk

S8F8ry 发表于 2021-8-10 12:43
油猴插件是注入并运行 JavaScript 脚本用的，虽然同样可以修改样式，但是如果不手动指定 @run-at，脚本默 ...

所以Stylus就只能用来隐藏元素，修改背景颜色，修改字体颜色大小之类的最基础的样式，而无法运行类似“自动点击某个元素”这样的动作事件，Stylus可以实现的效果油猴都可以实现，但是Stylus却只能实现油猴的部分效果，是这样理解吗？经过你的指点我发现油猴加入@run-at document-body也可以实现无缝加载。那Stylus对比油猴还有什么优势呢？有什么是Stylus可以做到而油猴不可以的吗？

S8F8ry

sobadboyk 发表于 2021-8-10 19:34
所以Stylus就只能用来隐藏元素，修改背景颜色，修改字体颜色大小之类的最基础的样式，而无法运行类似“自 ...

你这么理解也行。

网页开发技术分为三个层次，HTML(内容)、CSS(样式布局)、JavaScript(逻辑行为)。HTML 是一种标记语言，用来结构化的编写网页内容；而 CSS 只是一种规则语言，用于将样式应用到内容上；JavaScript 是一种脚本语言，可以用来动态的更新内容及控制样式，实现逻辑动作等更为复杂的功能。

油猴插件是作用是向网页注入 JavaScript 脚本，而 Stylus 是向网页注入 CSS 样式，所以它们的作用和范围就一目了然了。而在 Greasy Fork 上之前也已经提供发布样式的功能了。

Stylus 相对于油猴插件的优势大概有：
1. 编辑器提供了更好的样式编辑体验；
2. 更方便的样式管理功能；
3. 原生支持实时预览。

至于有什么是 Stylus 可以做到而油猴插件做不到的，我就不清楚了。不过两种插件本身定位和作用并不相同，即使大部分功能可以通过油猴插件来实现，Stylus 类的插件还是有存在的必要性的，它能带来更加便携化的样式编辑体验。反正在我如果是只是想改动一个网页的一些样式时，会优先选择用 Stylus 而不是写一个脚本去做。

sobadboyk

S8F8ry 发表于 2021-8-10 22:08
你这么理解也行。

网页开发技术分为三个层次，HTML(内容)、CSS(样式布局)、JavaScript(逻辑行为)。HTML  ...

懂了懂了，清晰明了，简短意赅，听君一席话，胜过百度搜索N久。
每次请教大佬都收获良多，感谢感谢。

feitzr

MarlonCarroll 发表于 2021-8-10 16:57
改了之后字体好虚啊

你把light删除了，我用的是yahei light字体

MarlonCarroll

feitzr 发表于 2021-8-11 14:13
你把light删除了，我用的是yahei light字体

搞定，效果还行

feitzr

MarlonCarroll 发表于 2021-8-11 16:15
搞定，效果还行

嗯嗯，肯定搞的定啦 你想换任何字体就直接改名字就好了

新手

样式
:not([class*="icon"]):not(i) {
    font-family: "你安装的字体" !important;
    -webkit-text-stroke-width: 0.02px; 这条是字体加粗
}

MarlonCarroll

feitzr 发表于 2021-8-11 16:33
嗯嗯，肯定搞的定啦 你想换任何字体就直接改名字就好了

发现新问题，在chrome商店不适用，显示框框。

S8F8ry

MarlonCarroll 发表于 2021-8-19 17:12
发现新问题，在chrome商店不适用，显示框框。

商店里的元素类名混淆过，你可能需要改成这样：

1. *:not([class*="FokDXb"]):not([class*="icon"]):not([class*="mui-amount"]):not([class*="chaoshi"]):not([class*="top-nav"]):not([href*="ju.taobao.com"]):not([class*="Icon"]):not(b):not(ins):not(i):not(s){font-family:"Microsoft YaHei LIGHT"!important;}

复制代码