油猴脚本： 字体渲染（自用脚本） 是个好东西

ardorleo

1. /*三行分别是字体粗细（整百数字），字体样式，字体阴影*/
   
2. 
   
3. * {
   
4.         text-shadow: 0.01em 0.01em 0.1em #999999 !important;
   
5. }
   
6. /*滚动条*/
   
7. 
   
8. ::-webkit-scrollbar {
   
9.         width: 6px;
   
10.         height: 6px;
    
11. }
    
12. ::-webkit-scrollbar-track-piece {
    
13.         background-color: #CCCCCC;
    
14.         -webkit-border-radius: 6px;
    
15. }
    
16. ::-webkit-scrollbar-thumb:vertical {
    
17.         height: 5px;
    
18.         background-color: #999999;
    
19.         -webkit-border-radius: 6px;
    
20. }
    
21. ::-webkit-scrollbar-thumb:horizontal {
    
22.         width: 5px;
    
23.         background-color: #CCCCCC;
    
24.         -webkit-border-radius: 6px;
    
25. }
    
26. ::-webkit-scrollbar {
    
27.         width: 9px;
    
28.         height: 9px;
    
29. }
    
30. ::-webkit-scrollbar-track-piece {
    
31.         background-color: transparent;
    
32. }
    
33. ::-webkit-scrollbar-thumb {
    
34.         background-color: #3994EF;
    
35.         border-radius: 3px;
    
36. }
    
37. ::-webkit-scrollbar-thumb:hover {
    
38.         background-color: #A4EEF0;
    
39. }
    
40. ::-webkit-scrollbar-thumb:active {
    
41.         background-color: #666;
    
42. }
    
43. ::-webkit-scrollbar-button:vertical {
    
44.         width: 9px;
    
45. }
    
46. ::-webkit-scrollbar-button:horizontal {
    
47.         width: 9px;
    
48. }
    
49. ::-webkit-scrollbar-button:vertical:start:decrement {
    
50.         background-color: white;
    
51. }
    
52. ::-webkit-scrollbar-button:vertical:end:increment {
    
53.         background-color: white;
    
54. }
    
55. ::-webkit-scrollbar-button:horizontal:start:decrement {
    
56.         background-color: white;
    
57. }
    
58. ::-webkit-scrollbar-button:horizontal:end:increment {
    
59.         background-color: white;
    
60. }
    
61. body::-webkit-scrollbar-track-piece {
    
62.         background-color: white;
    
63. }
    
64. /*指向图片绿光*/
    
65. 
    
66. img:hover {
    
67.         box-shadow: 0px 0px 4px 4px rgba(130, 190, 10, 0.6) !important;
    
68.         -webkit-transition-property: box-shadow;
    
69.         -webkit-transition-duration: .31s;
    
70. }
    
71. img {
    
72.         -webkit-transition-property: box-shadow;
    
73.         -webkit-transition-duration: .31s;
    
74. }
    
75. /*淡蓝色样式*/
    
76. 
    
77. a {
    
78.         -webkit-transition: all 0.3s ease-out;
    
79. }
    
80. a:hover {
    
81.         color: #39F !important;
    
82.         text-shadow: -5px 3px 18px #39F !important;
    
83.         -webkit-transition: all 0.3s ease-out;
    
84. }
    
85. *::-webkit-selection {
    
86.         background: #333333 !important;
    
87.         color: #00FF00 !important;
    
88. }
    
89. /*去除下划线*/
    
90. 
    
91. * {
    
92.         text-decoration: none!important
    
93. }
    
94. a:hover {
    
95.         text-decoration: none!important
    
96. }
    
97. a {
    
98.         /*color: #014A8F;*/
    
99.         
    
100.         -webkit-transition-property: color;
     
101.         -webkit-transition-duration: 0.0s;
     
102. }
     
103. /*指向文字加粗*/
     
104. 
     
105. a:hover {
     
106.         /*color: #0000FF ;*/
     
107.         
     
108.         -webkit-transition-property: color;
     
109.         -webkit-transition-duration: 0.0s;
     
110.         font-weight: bold
     
111. }

复制代码

不专则陪

大哥这看久了眼睛会疲劳

rainbowboy

S8F8ry 发表于 2021-6-12 18:29
这样看久了会不会对眼睛有影响呀

绝对有影响啊，这是类似散光眼睛看到的效果。

新手

疯子大龙 发表于 2021-6-12 21:31
请问这个是这么弄的？

图1字体萍方简  图2汉仪正圆-65w  没有什么渲染，就是简单的字体加粗，要打开DirectWrite

测试员9527

rainbowboy 发表于 2021-6-13 08:09
绝对有影响啊，这是类似散光眼睛看到的效果。

可以调整阴影的颜色以及浓度

测试员9527

我觉得这样的效果就比较满意了。

虚了吧唧的,好什么呀好

gh0ul

人家mactype名字白起了，热度都蹭不到，你们不以苹果设备做参考，不以墨水屏做参考，不以未渲染字体做参考，不以印刷物做参考。。。

渲染是化妆，你这是整容，妈都不认得那种

weaver66

我来贴一个自用的样式，在没有DW开关的浏览器上，我觉得综合上显示效果比较好的（一是字体在各种网页上得正常，不会出现部分数字顶行之类的问题，二是有些按钮那些不能换字后造成字体消失）

1. * { -webkit-text-stroke-width:0.16px;}
   
2. * { text-shadow: 0.01em 0.01em 0.01em #707070; }
   
3.     :not([class*="icon"]):not([class*="button"]):not([class*=mjx]):not([class*=fa]):not([class*="info"]):not(i)
   
4. {    /*使修改字体不会应用于部分特殊字符符号和图标以及按钮等网页元素,完美解决字符集不全导致图标,按钮变方块的问题.*/
   
5.     font-family:"微软雅黑"!important;   /*字体设置,可分别设置中英文,前面英文字体,后面中文字体可选（需要先安装对应字体）：HarmonyOS Sans SC、微软雅黑、hiragino sans gb、opposans、.萍方-简f、XHei Intel*/
   
6.     /*font-size:13*/
   
7.     }

复制代码

Andy

新手 发表于 2021-6-13 11:11
图1字体萍方简  图2汉仪正圆-65w  没有什么渲染，就是简单的字体加粗，要打开DirectWrite ...

是禁用DirectWrite吧？