Internet explorer TabPanel在Internet Explorer 8中使用自定义字体无法正确呈现

我试图理解ExtJS4如何处理传统浏览器，如internetexplorer8。我有一个complext的初始页面，它使用边界布局，有北部、南部、中部和西部区域

在中心我有一个选项卡面板，它将负责加载新视图。我已经尝试减少MVC代码，只渲染西部和中部，但是选项卡不会出现在面板中

我还使用了

ext all debug.js

，但是开发人员控制台是空的（没有错误）

在StackOverflow上，show是一个解决方案，它实际上非常有效（破坏了一些组合框和网格事件）：

编辑：

我发现只有当我将字体设置为打开SAN时，问题才会发生：

* {
  /*  font-family: 'Trebuchet MS', Arial, sans-serif !important; */
  font-family: 'Open Sans', Arial, sans-serif  !important;
  -webkit-font-smoothing: antialiased;

}

---

好的，看来问题在于CSS：

font-family: 'Open Sans', Arial, sans-serif  !important;

---

当与

*

一起使用时，IE中的布局会中断。解决方案是在声明字体的所有位置更改原始的Ext CSS。

好，因此问题似乎是CSS：

font-family: 'Open Sans', Arial, sans-serif  !important;

---

当与

*

一起使用时，IE中的布局会中断。解决方案是在声明字体的所有位置更改原始的Ext CSS。

原因是IE中的webfont是在呈现页面后加载的。 这不会发生在Chrome或FF中。 布局正在调整为“Ariel”，然后当拉动“opensans”（更宽）时，文本将被剪裁。

---

按住Ext.onready直到加载webfont。

原因是IE中的webfont是在呈现页面后加载的。 这不会发生在Chrome或FF中。 布局正在调整为“Ariel”，然后当拉动“opensans”（更宽）时，文本将被剪裁。

---

按住Ext.onready直到加载webfont。

我也遇到过类似的问题，通过IE 9、IE 10和IE 11进行了验证， 我在DOM中看到，手风琴的文本元素没有继承字体家族

所以我在css中强制它：

text {
     font-family: 'Open Sans', Arial, sans-serif  !important;
}

---

我也遇到过类似的问题，通过IE9，IE10和IE11进行了验证， 我在DOM中看到，手风琴的文本元素没有继承字体家族

所以我在css中强制它：

text {
     font-family: 'Open Sans', Arial, sans-serif  !important;
}

---

谢谢分享信息！谢谢分享信息！