美文网首页
Chrome的文字优化

Chrome的文字优化

作者: Minda_Yao | 来源:发表于2016-07-29 18:09 被阅读1408次

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

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

放两个过程

mactype_1.gif
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

相关文章

  • Chrome的文字优化

    说起浏览器就不得不提 Firefox 和 Chrome ,浏览器的作用是让人们更好的阅读,而对于阅读来讲文字就是...

  • Chrome优化

    1、禁止Google更新服务 Win+R——>services.msc——>找到Google更新服务gupdate...

  • Chrome 性能监控 性能分析

    Chrome开发者工具之JavaScript内存分析 前端性能优化 —— 前端性能分析 Chrome DevToo...

  • chrome浏览器相关

    1.11 个Chrome骚技巧让你为所欲为2.前端性能优化之利用 Chrome Dev Tools 进行页面性能分析

  • Chrome优化建议

    使用Chrome已经好多年了,一直觉得Chrome的性能和体验要比其他浏览器好很多。 我平时有体验产品的习惯,经常...

  • RAIL 性能模型

    优化到底在优化什么,用户关注什么,什么是标准chrome 推出 RAIL 性能模型 Response (50 ms...

  • 利用phantomjs进行前端自动化测试

    最近做了一波业务的优化,在上线前需要自测一下来验证优化的效果,chrome performance调试的时间总是不...

  • plugin-tool 优化

    工作之余,又针对做的chrome-plugin做了优化。troubleshooting的时候发现页面加载数据的时候...

  • 让Chrome支持小于12px 的文字方式有哪些?区别?

    让Chrome支持小于12px 的文字方式有哪些?区别? 谷歌浏览器Chrome是Webkit的内核,有一个[ -...

  • chrome给你的"优化 JavaScript 执行"

    原文:优化 JavaScript 执行 作者: Paul Lewis JavaScript 经常会触发视觉变化。...

网友评论

      本文标题:Chrome的文字优化

      本文链接:https://www.haomeiwen.com/subject/suezjttx.html