Chrome的文字优化

说起浏览器就不得不提 Firefox 和 Chrome ,浏览器的作用是让人们更好的阅读,而对于阅读来讲文字就是最重要的
本文只谈论Chrome的文字优化问题

  • 这里给个 耍下大大 做的 更新工具 和 原版下载镜像
  • 不过个人更推荐使用Cent Browser这款浏览器
    【习惯原生的可以试试,跟原生界面一样,加了好多实用功能】

放两个过程

mactype_1.gif

mactype_2.gif

Chapter I 字体设置

  • 个人使用 Mactype,习惯全局雅黑然后渲染 【这不是重点,重点是设置字体的方法】
  • 这部分不用 Mactype 也是可以用的
step 1 :系统界面(非内容界面
  • 地址栏输入 chrome://settings/fonts 设置为你想要的字体
    [ 这里我设置的是雅黑 ]
  • 或点击我 进入设置界面
Chrome的文字优化_第1张图片
chapter1_step1_fontsetting.PNG
step 2:内容界面

这里采用Extensions[扩展],便于操作

  • solution 1 :采用网上应用商店的扩展
  • 替换字体的中文部分为雅黑
  • Custom CSS

  • solution 2 : 跟大神混
    这个可能用的时候有点烦,老是提醒"停用开发者模式的插件"

    • 卡饭 [雅黑修正] ( 上方的 Custom CSS 就是参考这个弄的 )
  • 每夜 [FontsLab] ( 这个的说明蛮有意思的 )

* 以上就是对Chrome字体优化的设置,下面的设置需要配合 Mactype 来使用,如果不想使用,到这里就OK了


Chapter II 渲染设置

  • 这部分需要 Mactype ,如果不想使用,跳过就好
  • 个人的 Mactype 的配置采用 XMac.LCD.HotShift@XHei(iOS^MacOS)
    [采用自带配置的原因:懒 + 效果还不错]
  • 这部分采用问答的方式来解决问题,也算是尝试吧

Questions:

Solutions

<1. Chrome 标签栏、右键菜单等地方字体无法渲染>
如图所示,菜单栏跟Bar 等好多地方都无法渲染

Chrome的文字优化_第2张图片
chapter2_q1_barun.PNG
  • > 解决方法

step1: 右击Chrome 的快捷方式
step2: 转到属性
step3: 在目标那栏的最后加上" --disable-directwrite-for-ui" (-- 的前面有一个空格)
step4: 重新启动下Chrome就好了

Chrome的文字优化_第3张图片
chapter2_q1s_shortcutsetting.PNG

方法参考: http://ayumin123.blog.fc2.com/blog-entry-31.html

  • > 重新运行

Chrome的文字优化_第4张图片
chapter2_q1s_restart.PNG

<2. 内容无法渲染>

  • > 解决方法【此方法适用于内核版本<52 的纯Chome, Cent 和 360极速的新版本也支持】

    step1: 地址栏输入 chrome://flags 或 点击我 进入设置界面
    step2: 禁用 direct-write 或 direct-write
    step3: 重新启动下 Chrome 就好了

chapter2_q2s_dw.PNG

方法参考: https://github.com/wspl/mactype-hack/blob/master/chromium.md

  • > 解决方法【此方法适用于内核版本 52.53 】
    此方法本人没有实验,理论可行

方法链接:

  • https://github.com/wspl/mactype-hack/blob/master/direct-write.md
  • http://silight.hatenablog.jp/entry/MacTypePatch

<3. 渲染 Bugs(缺字、英文字体粗细不一)>

  • > 解决方法

    step1: 地址栏输入 chrome://flags 或 点击我 进入设置界面
    step2: 启用覆盖软件渲染列表 或 覆盖软件渲染列表
    step3: 启用单副本光栅化程序为 已停用
    step4: 将光栅线程数 设置为 1

Chrome的文字优化_第5张图片
chapter2_q3s_gpu.png
chapter2_q3s_2.png
Chrome的文字优化_第6张图片
chapter2_q3s_3.png

方法参考: http://www.jianshu.com/p/fdaa696a8eb4


本文参考了好多大大的文章还有我自己使用的经验,特此感谢诸位大大
附上参考链接 :https://github.com/wspl/mactype-hack

你可能感兴趣的:(Chrome的文字优化)