Question

假设我有一个字体堆栈，例如font: normal 16px/24px HelveticaNeue-CondensedBold, Arial, san-serif;

CSS中是否有任何方法可以使用特定于其的样式定位回退Arial字体，例如，如果我只希望Arial为粗体？

我觉得在[style*="Arial"]领域使用某些东西将是一个起点，但仍然会将所有目标锁定在堆栈中，？

提前致谢！

Answer 1

如果您将基本体字体设置为Arial粗体，则它将是大多数电子邮件客户端的后备，但Outlook除外，后备字体实际上是Times New Roman。

body { 
  font-family: Arial !important;
  font-weight: bold;
}

table.body, h1, h2, h3, h4, h5, h6, p, td { 
  font-family: "HelveticaNeue-CondensedBold";
  font-weight: 800;
}

通过这样做，您可以将表格主体，表格单元格，标题，段落大小设置为Helvetica Neue。如果字体不存在，则默认为默认的正文样式。

这是来自Rachael Moore的完整Helvetica Neue Condensed字体堆栈。此CSS的变体可以为您提供所需的外观。 http://rachaelmoore.name/posts/design/css/web-safe-helvetica-font-stack/

font-family: "HelveticaNeueBlackCondensed", "HelveticaNeue-Black-Condensed", "Helvetica Neue Black Condensed", "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Arial Narrow", "Arial", sans-serif; font-weight:800;

我可以看到的一个问题是，字体Helvetica Neue和Arial Bold的em宽度确实不同，因此您可能会看到布局问题。这只是我的意见。

祝你好运。

Answer 2

您需要使用JavaScript。有一个CSS属性可以帮助在使用后备字体时调整大小， font-size-adjust 属性。 font-size-adjust 属性允许您指定使用后备字体时的最佳宽高比;如果替换字体具有与首选字体不同的宽高比，则将保留文本的x高度（大致为其小写字母的大小）。

堆栈中特定字体的样式？

2 个答案: