IE9，X-UA兼容和字体字距调整 [英] IE9, X-UA-Compatible and font kerning

问题描述

你好！很抱歉，如果我问一个明显的问题，但我对IE9提供的各种渲染模式感到困惑，我正在寻找我应该用于我的网站的"最佳实践"。

Hello! Sorry if I am asking an obvious question, but I am getting rather confused about the various rendering modes that IE9 offers, and I am looking for the "best practice" that I should use for my site.

我正在更改Intranet网站的样式表，我希望它们可以在主要浏览器的最新版本中使用。我不关心支持IE8或更低版本，因为IE9是我组织的标准。
我仍​​然希望该网站能够使用最新的Firefox和Chrome，以防组织有一天切换到它们。

I am changing the stylesheets for an intranet web site, and I would like them to work in the latest versions of the major browsers. I don’t care about supporting IE8 or below, since IE9 is my organization’s standard. I would still like the site to work on the latest Firefox and Chrome, in case the organization switches to them one day.

我创建的用于测试新样式表的页面在Firefox和Chrome中显示得非常好。除了圆角外，它在IE9中也显示良好。为了获得圆角，我可以使用"< meta http-equiv =" X-UA-Compatible"
content =" IE = 9" />"标签，但这会对屏幕字体产生副作用。我的12px Verdana中字母之间的间距变得明显更紧，文本看起来不那么好（实际上相当丑陋）。如果没有元标记，圆角就会消失，
但字体看起来很正常。

The page that I have created to test my new stylesheet displays absolutely fine in Firefox and Chrome. It also displays fine in IE9, except for the rounded corners. To get the rounded corners I can use the "<meta http-equiv="X-UA-Compatible" content="IE=9" />" tag, but this has a side effect on the screen fonts. The spacing between letters in my 12px Verdana becomes noticeably tighter, and the text looks less nice (rather ugly, actually). Without the meta tag, the rounded corners are gone, but the fonts looks normal.

我读过关于IE9使用的不同字体渲染方法，但我想知道是否有任何方法可以确保浏览器之间的一致性。一般来说，我的页面上的元标记应该是
all吗？为什么默认情况下我的IE9不会使用最新的渲染方法呢？

I have read about the different font rendering method used by IE9, but I wonder if there is any way I can ensure some consistency among the browsers. And generally speaking, should I have that meta tag on my pages at all? Why wouldn’t my IE9 use the latest rendering method by default anyway?

感谢您的任何提示！

推荐答案

您好，

您还在使用其他什么垫片？ JQuery，cufon？ jQuery角落插件。确保您使用的是最新版本...请参阅bugs.jQuery.com

What other shims are you using? JQuery, cufon? jQuery corners plugin. ensure you are using the latest versions... see bugs.jQuery.com

 

正确...不需要x -ua meta tags ....标准是标准....大多数公司虽然有遗留的内部网，仍然需要IE7仿真，并且"在兼容性视图中显示Intranet站点"...设置...使用x-ua IE =未来打样的边缘
直到您的旧内网网络更新为标准呈现。

correct... there is no need for x-ua meta tags.... standards is standards.... most companies though have legacy intranet webs that still require IE7 emulation and have "Display Intranet sites in Compatibility View"... set... use x-ua IE=Edge for future proofing untill your legacy intranet webs are updated to standards rendering.

比较网络浏览器时，重要的是使用相同的默认设置....一些网站开发人员将使用reset.css文件来设置默认字体和字体大小....但是您还需要设置浏览器的默认字体和大小。比较
您正在测试的每个浏览器中的默认字体设置。还要确保您使用默认的IE辅助功能设置..（取消选中"忽略网页上指定的字体大小"，"忽略网页上指定的字体样式"

When comparing web browsers it is important to use the same default settings.... some website developers will use a reset.css file to set the default fonts and font sizes.... however you also need to set the default fonts and sizes of the browser. Compare the default font settings in each of the browsers you are testing with. Ensure also that you are using the default IE Accessibility settings.. (uncheck "Ignore fontsizes specified on web pages", "Ignore font styles specified on web pages"

小心您使用的字体系列...... MSIE浏览器不支持类似Helvical的字体。如果机器上没有安装字体，浏览器将回退到下一个字体系列或浏览器默认设置...（如
互联网选项上的字体按钮）

Be careful of the Font families you use.... some like Helvical are not supported by MSIE browsers. If a font is not installed on a machine, browsers will fall back to either the next font family or the browsers defaults... (as set on the Fonts button on Internet Options)

这篇关于IE9，X-UA兼容和字体字距调整的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！