Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 堆栈中特定字体的样式?_Html_Css_Fonts_Html Email_Fallback - Fatal编程技术网

Html 堆栈中特定字体的样式?

Html 堆栈中特定字体的样式?,html,css,fonts,html-email,fallback,Html,Css,Fonts,Html Email,Fallback,假设我有一个字体堆栈,比如font:normal 16px/24px HelveticaNeue CondensedBold,Arial,sanserif CSS中是否有任何方法可以针对具有特定样式的回退Arial字体(例如,如果我只希望Arial为粗体) 我想使用[style*=“Arial”]领域中的一些东西作为起点,但这仍然会针对堆栈中的所有字体,对吗 提前谢谢 您需要为此使用JavaScript。当使用回退字体时,有一个CSS属性可以帮助调整大小,即font size adjust属性。

假设我有一个字体堆栈,比如
font:normal 16px/24px HelveticaNeue CondensedBold,Arial,sanserif

CSS中是否有任何方法可以针对具有特定样式的回退
Arial
字体(例如,如果我只希望Arial为粗体)

我想使用
[style*=“Arial”]
领域中的一些东西作为起点,但这仍然会针对堆栈中的所有字体,对吗


提前谢谢

您需要为此使用JavaScript。当使用回退字体时,有一个CSS属性可以帮助调整大小,即font size adjust属性。font size adjust属性允许您指定使用回退字体时的最佳纵横比;如果替代字体的纵横比与首选字体不同,则文本的x高度(大致相当于其小写字母的大小)将保留。

如果将基本正文字体设置为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压缩字体堆栈。此CSS的变体可以为您提供所需的外观

字体系列:“HelveticaNeueBlackCondensed”、“HelveticaNeue黑色浓缩”、“Helvetica Neue黑色浓缩”、“HelveticaNeueBlack”、“Helvetica Neue黑色”、“HelveticaNeue”、“Helvetica Neue”、“Helvetica Neue”、“TeXGyreHerosCnBold”、“Arial狭窄”、“Arial”无衬线;字号:800

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


祝你好运。

它可能在web中工作,但JavaScript在电子邮件中不起作用。