|
|
本帖最后由 catfun 于 2017-5-12 03:40 编辑
停滞不前的经历:本本用Chrome网页字体模糊 特别是小字毛边眼花 但Chrome源工具很强不想放弃 于是试图改变它
网上一些糊弄办法: chrome://settings(设置) 网络内容,字号/换4种字体这个只能改换部分字体效果.
大部分的字体效果被Chrome的default强制了css基本改不动, 旧版Chrome可以修改Custom.css文件实现
但是新版(目前Chrome 58.了)考虑安全, 直接找不到Custom.css 已经被封进resources.pak 文件包了~
网上还有说:
chrome://flags(试验选项用了会立flag~233) 关闭DirectWrite←新版的就别找了直接没有这项..
chrome://flags(试验选项) 启用 LCD文字消锯齿 咱就试了然而并没有什么鸟用, 内存消耗倒是上去了!
chrome://flags(试验选项) 启用 勾边字体 又试依然美如鸟..这次CPU和内存消耗一起提高了!! 这太不搞笑了~
还有什么从系统, 驱动, 兼容性来改的……那会修改全局设置, 带坏了GAL的漂亮效果是不可原谅的!
突破困难的方法:于是按照 开发者提示 用插件方式才是王道(即.crx文件→chrome被X!缩写crx这没什么不对233~)
但不喜欢来路不明的插件, 除非拆读过, 开发商插件功能虽复杂, 但为多用途服务, 其它不用的功能多了会拖慢网页加载
于是就自己写个简单的。复杂的咱也写不出来233~
.crx文件有点像安卓.apk可以直接重命名后缀.zip 用压缩文件拆包
封包器chrome自带 chrome://extensions/(拓展程序) √上 开发者模式 就能看到 加载 和 打包
分析字体模糊原因, 放大足够倍数观察, 发现某些字体本就毛边严重(锯齿), 还有的对比度低或色淡~那么就解决锯齿和色
解决锯齿: 别提什么 GPU渲染 滤镜 爆裂魔法打苍蝇, 硬件没处用可以打苍蝇~
最简化, 选锯齿少的字体, 再简单蒙边, 亚像素也可以但我不会写这个..
字体强制 *{font-family:"?" !important;}
?=自己看愉悦的字体(编码UTF-8不支持中文名, 网上有英文对照表)
解决色相: 加深字色, 用算法句加 会增大核心和内存消耗, 而且容易BUG. 最重要的是太难我写不出来233~
然后我在G。。。gle上发现一个大大用 字体阴影(text-shadow:) 思路解决 这个太棒了~
只是影子?!无限加深就能吞噬一切中二了还真是不好意思..但这样容易理解233
字体阴影 *{text-shadow:X Y Z 颜色 !important;}
X=阴影距离字体横坐标偏移[单位em(等比宽纵,0.0x小数推荐)/Px像素 可写0重叠加深,但过分粗容易污]
Y=纵.. Z=阴影模糊值(要清晰的可0) 颜色(推荐选相对深的黑/灰色 支持#RGB)
基本思路, 喝多了~写得多, 其它不写了再写也没人看了233..
自己试验v1.0出来了, 有兴趣当小白鼠的路人找我喔~ |
-
| 已有 1 人评分 | 威望 |
天使币 |
宣传 |
天然 |
腹黑 |
收起
理由
|
红い瞳に
| + 45 |
+ 45 |
+ 1 |
+ 20 |
+ 20 |
是、是CSS大佬,抱大腿ing2333 !important;. |
总评分: 威望 + 45
天使币 + 45
宣传 + 1
天然 + 20
腹黑 + 20
查看全部评分
|
|
|
|
|