【问题标题】:How does Instagram have 'clean' fonts? [closed]Instagram 如何拥有“干净”的字体? [关闭]
【发布时间】:2019-11-22 23:39:24
【问题描述】:

左边是 Instagram,右边是我的..

相同的字体,相同的颜色.. 但我的(右)有某种 RGB 泄漏?

【问题讨论】:

  • 可以分享一下你的相关html和css吗?
  • 不是关于 html/css,Stackoverflow,Google,facebook 除了 Instagram 和 'NEW' twitter 所有主流页面都有相同的 RGB 泄漏问题,这里是 Stackoverflow:i.imgur.com/EO4qZzg.png |没问题@新推特:i.imgur.com/EvECtea.png |测试@Chrome,检查@Photoshop缩放

标签: css fonts antialiasing


【解决方案1】:

您可以使用Instagram fonts 工具来生成干净而令人敬畏的字体。试试看,然后告诉我。

【讨论】:

    【解决方案2】:

    我不知道“为什么”会这样,但您可以尝试以下 CSS 属性:

    -moz-osx-font-smoothing: grayscale !important;
    font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
    

    或“黑客”方法,例如:

    transform: rotate(-0.0002deg);
    backface-visibility: hidden;
    

    这些有什么不同吗?

    我检查了 instagram 的 css,但找不到其中任何一个,所以“真正”的原因必须是其他的……你在检查什么操作系统?

    【讨论】:

    • 没有区别,Windows - Chrome。重新创建 Instagram 的唯一方法是使用 filter: grayscale on fonts 但我无法更改为 RGB 颜色.. 只是白色/灰白色/黑色
    • text-shadow: 0 0 0.5px currentColor; 怎么样,有什么不同吗?
    • 不,什么都没有改变..(除了它更大胆)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-26
    • 2013-02-18
    • 2014-01-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多