我遇到了 Arial Narrow 的字体问题。因为这个项目，我必须使用Arial Narrow。
我唯一的问题是，字体在 chrome 中看起来与在 firefox 或 safari 中的不一样。
谁能帮我解决这个问题？还是只是浏览器渲染字体的方式，我无能为力？
Firefox 或 Safari
铬
.content { font-family: 'Arial Narrow', Arial, sans-serif; font-size:13px; }
【问题讨论】：
标签： html css google-chrome fonts cross-browser
我唯一的问题是，字体在 chrome 中看起来与在 firefox 或 safari 中看起来不一样
这就是网络的样子。
将自己视为建议排版的人 - 但不是口授。您是在建议以特定大小使用特定字体。
不过，除此之外，还有其他因素在起作用...
还是只是浏览器渲染字体的方式，我无能为力？
嗯...您可能可以做点什么...也许运行 javascript 来测量线宽，然后重新计算字体大小以调整宽度或字母间距，但最后，这一切都将是许多额外的代码可能会或可能不会真正“修复”任何东西，可能会使事情变得更糟，并且确实与类型在网络上的工作方式的本质作斗争。
【讨论】：
不要让自己发疯。现在就说服自己，它永远不会完美。不同浏览器之间不会相同，也不一定在不同操作系统上的同一浏览器上相同（即 Windows 7 上的 Firefox 与 Windows 8 上的 Firefox 与 Ubuntu 上的 Firefox 与 Mac 上的 Firefox 与 Firefox 上安卓）。最终用户很快就会专注于这样的事情......他们需要教育，这超出了他们的大部分头脑。
字体选择始终取决于浏览器以及操作系统中的底层字体引擎。除非您以某种方式自己渲染字体并将矢量或位图图形推送到浏览器中，否则实际上没有干净的方法。
对于单行难题，请考虑使用 CSS 的省略号功能。
【讨论】：