Chrome的文字优化

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

  • 不过个人更推荐使用Cent Browser这款浏览器
    【习惯原生的可以试试,跟原生界面一样,加了好多实用功能】

放两个过程

mactype_1.gif

mactype_2.gif
mactype_2.gif

<big>Chapter I 字体设置</big>

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

<small> 这里采用Extensions[扩展],便于操作</small>

  • solution 1 :采用网上应用商店的扩展

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


<big>Chapter II 渲染设置</big>

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

<big> Questions: </big>

  • <a href="#c2s1"> Chrome 标签栏、右键菜单等地方字体无法渲染</a>

  • <a href="#c2s2"> 内容无法渲染</a>

  • <a href="#c2s3"> 渲染 Bugs(缺字、英文字体粗细不一)</a>

    <small><small>* 再有问题以后逐步添加</small></small>

<big> Solutions</big>

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

chapter2_q1_barun.PNG
  • > <small>解决方法</small>

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

chapter2_q1s_shortcutsetting.PNG

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

  • > <small>重新运行</small>

chapter2_q1s_restart.PNG

<a id="c2s1"><2. 内容无法渲染></a>

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

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

chapter2_q2s_dw.PNG

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

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

方法链接:

<a id="c2s3"><3. 渲染 Bugs(缺字、英文字体粗细不一)></a>

  • > <small>解决方法</small>

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

chapter2_q3s_gpu.png
chapter2_q3s_2.png
chapter2_q3s_3.png

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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,159评论 25 709
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 25,633评论 7 249
  • 我真的有好蠢! 这似乎与我自己无关又有关! 无关是脑袋为爹妈所赐,本人怎样也无力选择。 有关是长大成人处处觉得大脑...
    hanlian0917阅读 338评论 1 0
  • 如果只想着美好的肉体 生活就不会这么难熬了
    okubyou阅读 265评论 0 0