Chrome中的Arial Narrow字体问题

Question

我遇到了Arial Narrow的字体问题。由于这个项目，我必须使用Arial Narrow。

我唯一的问题是，Chrome中的字体与firefox或safari中的字体看起来不一样。

有人可以帮我解决问题吗？或者它只是浏览器呈现字体的方式，我无能为力？

Firefox或Safari

铬

.content { font-family: 'Arial Narrow', Arial, sans-serif; font-size:13px; }

jsfiddle to see what I see.

Answer 1

  

我唯一的问题是，Chrome中的字体与firefox或safari中的字体看起来不一样

这就是网络的方式。

将自己视为建议排版的人 - 但不是指责排版。您建议使用某种字体的某种字体。

除此之外，还有其他因素可以发挥......

• 这个特定的浏览器如何呈现字体？
• 这个特定的操作系统如何呈现字体？
• 是否服从字距调整对？
• 是否实现了字体平滑？
• 如何实现字体平滑？
• 浏览器默认尺寸是多少？
• 是否让用户更改了默认尺寸？
• 用户放大了吗？
• 或缩小？
• 或调整浏览器大小？
• 或在其他设备上打开？
• 等

  

或者它只是浏览器呈现字体的方式而我无能为力？

嗯......你可能可以做点什么...也许运行javascript来测量线宽，然后重新计算字体大小来调整宽度或字母间距但最后，它们都将是一个许多额外的代码可能会或可能不会“修复”任何东西，可能会使事情变得更糟，并且真正打击了类型在网络上工作的本质。

Answer 2

不要让自己疯狂。现在说服自己，它永远不会完美。不同浏览器之间的情况也不一样，在不同操作系统上的同一浏览器上也不一定相同（例如Windows 7上的Firefox与Windows 8上的Firefox相比，Ubuntu上的Firefox与Mac上的Firefox上的Firefox相比） Android的）。最终用户很快就会注意到这样的事情......他们需要进行教育，而且需要大部分时间。

字体选择始终取决于浏览器以及操作系统中的基础字体引擎。除非你以某种方式自己渲染字体并将矢量或位图图形推入浏览器，否则它真的没有干净的方法。

对于您的单行难题，请考虑使用CSS的省略号功能。

http://quirksmode.org/css/user-interface/textoverflow.html