Google字体Chrome,Safari和Firefox

用户名

我花了两天的时间弄清楚了如何使字体在Chrome和Safari上看起来更清晰,甚至在更薄的Firefox上也是如此。我已经尝试了以下方法,它总结了所有花费的时间。

 -webkit-transform-style: preserve-3d;
 -webkit-transform: translateZ(0);
 -webkit-text-size-adjust:100%;    
 font-smoothing: antialiased; 
 -webkit-font-smoothing: subpixel-antialiased;    
 -moz-osx-font-smoothing: grayscale;  
 -webkit-text-stroke-width: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 opacity:0.99;
 -moz-opacity: 0.99;
 -khtml-opacity: 0.99;  

还有更多测试,我从没评论过,所以我没有,但是唯一的区别是不透明度:.99; 设置为特定的div后,效果会有所不同,但字体会比原始字体宽。在野生动物园中,这一切都很可悲,我现在很累,我需要一个适用于所有大型3s的工作示例,我不在乎IE。.这个主题看起来像在所有浏览器中都可以正常工作:

http://goo.gl/B6JyS

我在CSS中找到的唯一属性是-webkit-text-size-adjust:100%; 到身体{}我尝试了直接字体添加和Javascript方法,该方法在几秒钟内加载了Google字体并重新绘制。.但是没有任何效果:(请帮助..

问候

船长

在此处查看有关Chrome中字体的一些信息。

Google Webfonts在Windows上的Chrome中呈现不稳定状态

我用来纠正Chrome / Safari中问题的一个简单技巧:

-webkit-text-stroke: .5px;

这确实可以平滑字体,并至少提供了一个临时修复程序。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Safari,Firefox和IE上的字体看起来与Chrome上的字体不同

来自分类Dev

Firefox和Chrome中多个Google网站上的字体丑陋

来自分类Dev

“ Source Sans Pro”字体粗细:在Chrome,Safari和Firefox上,显示400的字体比显示600的字体粗

来自分类Dev

Firefox和Chrome字体问题

来自分类Dev

Chrome和Firefox无法呈现Avenir的粗体字体,但是Safari可以!怎么修?

来自分类Dev

如何修复Safari和Chrome上的Google字体像素化问题

来自分类Dev

Firefox和Chrome中CSS字体的区别

来自分类Dev

字体在Chrome和Firefox中显示不同

来自分类Dev

Firefox和Chrome中CSS字体的区别

来自分类Dev

特定字体未显示在Google Chrome上,但Safari可以

来自分类Dev

在Chrome和Safari中打印时,字体大小不同

来自分类Dev

在Chrome和Safari中打印时,字体大小不同

来自分类Dev

Wordpress - Chrome / Safari 字体大小和图像布局问题

来自分类Dev

Google Web字体在移动Safari和台式机Chrome上的呈现方式有所不同吗?

来自分类Dev

Google Chrome字体渲染(粗体和抖动)

来自分类Dev

z-index在Google Chrome和Safari上无法正常工作。在Firefox和Opera上还可以

来自分类Dev

Microsoft Sitka字体不适用于Chrome和Firefox

来自分类Dev

event.preventDefault()可在Chrome,Firefox和Safari上运行

来自分类Dev

Firefox和Chrome / Safari之间的Div-padding-top差异

来自分类Dev

chrome和safari的Z-index问题(Firefox很好)

来自分类Dev

Chrome / Safari和Firefox之间的CSS定位差异

来自分类Dev

Chrome显示加载gif的方式与Safari和Firefox不同

来自分类Dev

图片以chrome和Firefox为中心,但不包含Safari

来自分类Dev

Firefox不显示元素,但Chrome和Safari可以显示元素

来自分类Dev

与Ubuntu 14.04中的Google Chrome字体相比,Firefox 57.0字体很奇怪

来自分类Dev

Google Chrome字体渲染

来自分类Dev

Chrome会剪掉左侧的字体,Firefox和IE都可以正常显示。Chrome错误?

来自分类Dev

为什么chrome(似乎)不需要Firefox,而Firefox和Safari却需要Flash?

来自分类Dev

在Travis CI上的Chrome和Firefox中显示中文,韩文和日文字体

Related 相关文章

  1. 1

    Safari,Firefox和IE上的字体看起来与Chrome上的字体不同

  2. 2

    Firefox和Chrome中多个Google网站上的字体丑陋

  3. 3

    “ Source Sans Pro”字体粗细:在Chrome,Safari和Firefox上,显示400的字体比显示600的字体粗

  4. 4

    Firefox和Chrome字体问题

  5. 5

    Chrome和Firefox无法呈现Avenir的粗体字体,但是Safari可以!怎么修?

  6. 6

    如何修复Safari和Chrome上的Google字体像素化问题

  7. 7

    Firefox和Chrome中CSS字体的区别

  8. 8

    字体在Chrome和Firefox中显示不同

  9. 9

    Firefox和Chrome中CSS字体的区别

  10. 10

    特定字体未显示在Google Chrome上,但Safari可以

  11. 11

    在Chrome和Safari中打印时,字体大小不同

  12. 12

    在Chrome和Safari中打印时,字体大小不同

  13. 13

    Wordpress - Chrome / Safari 字体大小和图像布局问题

  14. 14

    Google Web字体在移动Safari和台式机Chrome上的呈现方式有所不同吗?

  15. 15

    Google Chrome字体渲染(粗体和抖动)

  16. 16

    z-index在Google Chrome和Safari上无法正常工作。在Firefox和Opera上还可以

  17. 17

    Microsoft Sitka字体不适用于Chrome和Firefox

  18. 18

    event.preventDefault()可在Chrome,Firefox和Safari上运行

  19. 19

    Firefox和Chrome / Safari之间的Div-padding-top差异

  20. 20

    chrome和safari的Z-index问题(Firefox很好)

  21. 21

    Chrome / Safari和Firefox之间的CSS定位差异

  22. 22

    Chrome显示加载gif的方式与Safari和Firefox不同

  23. 23

    图片以chrome和Firefox为中心,但不包含Safari

  24. 24

    Firefox不显示元素,但Chrome和Safari可以显示元素

  25. 25

    与Ubuntu 14.04中的Google Chrome字体相比,Firefox 57.0字体很奇怪

  26. 26

    Google Chrome字体渲染

  27. 27

    Chrome会剪掉左侧的字体,Firefox和IE都可以正常显示。Chrome错误?

  28. 28

    为什么chrome(似乎)不需要Firefox,而Firefox和Safari却需要Flash?

  29. 29

    在Travis CI上的Chrome和Firefox中显示中文,韩文和日文字体

热门标签

归档