CSS android的字体重量：打火机不工作

Question

我知道已经有一些修复方法，但似乎都不起作用。

我想在我的网站上使用“Helvetica Neue”，字号为300。这一切在桌面上看起来都不错，但我一切换到android，似乎就没有浅色字体了。

在这里你可以看到我在jsbin的测试。通用域名格式。请随意编辑，在我的Galaxy S3和Nexus 4上，字体的重量都相同。

正如你所看到的，我也尝试加入roboto并将其设置为light，但这也不起作用（使用了更多的方法，但不想为每个方法都增加H1）。

我的测试用例：

<h1 class="neue">Does not work</h1>
<h1 class="neueLight">Does not work</h1>
<h1 class="neueLighter">Does not work</h1>

使用此CSS：

h1.neue {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}

h1.neueLight {
  font-family: "HelveticaNeue-Light", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}

h1.neueLighter {
  font-family: "HelveticaNeue-Light", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: lighter;
}

在没有字体导入或使用google字体的情况下，如何使用特定的浅色字体似乎没有解决方案。

解决方案是使用无衬线浅色作为第一个字体系列字体。

最佳解决方案如下所示：

html：

<h1>Headline</h1>

CSS：

h1 {
  font-family: sans-serif-light,"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}

Answer 1

在没有字体导入或使用google字体的情况下，如何使用特定的浅色字体似乎没有解决方案。

解决方案是使用无衬线浅色作为第一个字体系列字体。

最佳解决方案如下所示：

html：

<h1>Headline</h1>

CSS：

h1 {
  font-family: sans-serif-light,"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
}

Answer 2

使用字体-重量：100

还要确保您的字体支持不同的字体重量

Answer 3

Helvetica Neue在大多数设备上都不可用，包括Android（它安装了一小套字体）。

关于Roboto，您似乎要求重量为100，但您的链接元素仅使用重量300。您所指的字体仅限于WOFF版本，许多Android版本都不支持这种字体。