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在电子邮件中不起作用。