【问题标题】:What is wrong with this font rendering on iosios上的这个字体渲染有什么问题
【发布时间】:2017-02-11 14:46:32
【问题描述】:

我的字体看起来像是被渲染了两次。但是当我放大字体时,字体会更正,看起来非常清晰。

这是一个例子。 100% 在右侧。在左侧放大。

https://d17oy1vhnax1f7.cloudfront.net/items/2E3s1D2j29333I3s3I37/font-render.png

我查看了css,找不到问题。字体上没有使用阴影或奇怪的 css。

字体为 ProximaNovaRgRegular。 除此之外,没有特定的 css。

-moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility;

【问题讨论】:

  • 我不确定这是个问题..

标签: ios iphone css fonts


【解决方案1】:

当您尝试使用不受支持的 font-weight 时,通常会发生这种情况。

Regular 通常是font-weight:400;

如果这些是标题:

显然许多移动设备(包括移动 Safari)样式标题标签 (h1-h6) 带有类似字体粗细:粗体。如果您使用的字体不包含粗体粗体,则浏览器将创建一个仿粗体并对其进行偏移。

CSS Tricks source

【讨论】:

猜你喜欢
  • 2014-01-20
  • 2015-05-12
  • 2010-10-21
  • 1970-01-01
  • 2017-08-17
  • 1970-01-01
  • 2014-12-29
  • 2012-11-08
  • 1970-01-01
相关资源
最近更新 更多