如何在 css 中使用 arial 窄？答案

【问题标题】：How can I use arial narrow in css?如何在 css 中使用 arial 窄？
【发布时间】：2015-12-11 00:13:26
【问题描述】：

#main{
margin-left: auto;
margin-right: auto;
margin-top: 0;   
font-family: "Arial Narrow";
position: absolute;
font-size: 10pt;
}

这是我的 css 代码的一部分，我想在其中使用 arial 窄

【问题讨论】：

这是 Firefox 的问题吗？它可以在 Chrome 或其他浏览器中使用吗？
codepen.io/anon/pen/FftqJ 在 Firefox 和 Chrome 上都可以正常工作
访问者可能没有 arial 窄。您提供的示例可能适用于某些计算机，但不是全部。 Arial Narrow 有一个不允许分发的许可证，因此您会遇到命中或未命中的结果。尝试在 Google 字体上查找窄字体：google.com/fonts

标签： html css fonts

【解决方案1】：

你就这样使用它。查看页面的用户必须安装字体，否则浏览器会选择不同的字体。

您可能希望为没有该字体的人指定后备，例如：

font-family: "Arial Narrow", Arial, sans-serif;

【讨论】：

【解决方案2】：

Firefox 无法识别 Arial Narrow 存在错误。

我使用 CSS3 的“font-stretch”属性，效果很好。

body{
font: 13px 'Arial Narrow', Arial, sans-serif; 
font-stretch: condensed;
}

【讨论】：

【解决方案3】：

改变喜欢

font-family: "Arial Narrow", Arial, sans-serif;

【讨论】：

【解决方案4】：

试试这个应该可以的：

#main{
margin-left: auto;
margin-right: auto;
margin-top: 0;   
font-family: "Arial Narrow", Arial, sans-serif;
position: absolute;
font-size: 10pt;
}

从这里引用它：http://cssfontstack.com/

注意：您还必须在您使用的服务器或项目上下载并安装该字体，或者您也可以参考它。

【讨论】：