Question

我有Android和iOS应用程序中使用的HTML页面的Helvetica Light字体。问题是当我将font-weight: bold提供给标题时，它在Android上运行正常，但在iOS设备上运行不正常。

以下是font-face：

@font-face {
font-family: 'HelveticaLight';
src: url('./fonts/helveticalight.eot');
src: url('./fonts/helveticalight.eot') format('embedded-opentype'),
     url('./fonts/helveticalight.woff2') format('woff2'),
     url('./fonts/helveticalight.woff') format('woff'),
     url('./fonts/helveticalight.ttf') format('truetype'),
     url('./fonts/helveticalight.svg#helveticalight') format('svg');
}

Answer 1

你可以试试这个：

body{  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

Answer 2

试试这个例子; .textweight{ font-family: sans-serif; font-weight: 800; }

Answer 3

问题是你没有加载Helvetica的大胆版本 - 你只是加载了Helvetica Light。如果缺少正确的粗体版本，就像你的情况一样，大多数操作系统或浏览器会通过使瘦字体“更胖”（a.k.a。faux bold）来创建假的粗体版本。但iOS不会：它会坚持你所要求的原始字体：Helvetica Light。

解决方案是在您加载Helvetica Bold时添加@font-face规则。

iOS设备上的字体粗细问题

3 个答案: