`
wangleide414
  • 浏览: 606656 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

网站在IE和Firefox中的字体显示问题

阅读更多

最近用Ext做了个小网站,在IE里显示的很好,字体都正常,但是用firefox运行的时候,字体特别小,而且不清楚,十分模糊,不知道什么原因,最后在网上找到了解决方案。

 

引入css:

.x-window-footer {
    position: relative;
    top: 0;
    right: 0;
}
.x-tab-strip SPAN.x-tab-strip-text {
    font-size: 12px;
}
.x-panel-header {
    font-size: 12px;
}
.x-tree-node {
    font-size: 12px;
}
.x-grid3-hd-row TD {
    font-size: 12px;
}
.x-grid3-row TD {
    font-size: 12px;
    LINE-HEIGHT: 16px;
}
.x-tip .x-tip-bd {
    font-size: 12px;
}
.x-tip h3{
    font-size: 12px;
}
.x-tip .x-tip-bd-inner{
    font-size:12px;
}
.x-panel-tl .x-panel-header {
    FONT: normal 12px tahoma,arial,verdana,sans-serif;
}
.x-form-field {
    FONT: 12px tahoma,arial,helvetica,sans-serif 
}
.x-small-editor .x-form-field {
    FONT: 12px tahoma,arial,helvetica,sans-serif 
}
.x-combo-list-item {
    FONT: 12px tahoma,arial,helvetica,sans-serif; 

.x-menu-list-item {
    FONT: 12px tahoma,arial,sans-serif;
}
.x-window-tl .x-window-header {
    FONT: bold 12px tahoma,arial,verdana,sans-serif; 
}
.x-layout-split-west .x-layout-mini { 
    BACKGROUND-IMAGE: url(../images/mini-left.jpg); 
}
.ext-ie .x-form-text {
    margin-top:1px;
}
.x-form-item { 
    FONT: 12px tahoma,arial,helvetica,sans-serif
}
.x-grid-group-hd DIV { 
    FONT: bold 12px tahoma,arial,helvetica,sans-serif;
}

..x-btn-text-icon .x-btn-center .x-btn-text {ext-all.css (line 227)
background-position:0pt 2px;
background-repeat:no-repeat;
padding:3px 0pt 2px 18px;
}
.ext-gecko .x-btn button {ext-all.css (line 222)
padding-left:0pt;
padding-right:0pt;
}
.x-btn button{
    font-size:12px;
}

 

在每次引入即可。

分享到:
评论

相关推荐

    解决IE网页字体显示不正常

    IE(Internet Explorer)作为一款曾经广泛使用的浏览器,用户...如果问题依然无法解决,可以考虑更换其他浏览器,因为IE浏览器在兼容性和性能方面已经逐步落后于其他现代浏览器,如Google Chrome、Mozilla Firefox等。

    IE FireFox 兼容问题

    - **字体渲染**:不同浏览器对字体的渲染方式也存在差异,导致同样的文字在不同浏览器中的显示效果略有不同。 ##### 2. JavaScript行为差异 - **事件处理**:IE使用`attachEvent`绑定事件监听器,而Firefox和其他...

    css解决IE6,IE7,firefox兼容性问题.

    - 空格和回车会导致元素间出现间隙,且在 IE 和 Firefox 中的宽度不同。解决方案是: ```css .elements { white-space: nowrap; } /* 防止换行 */ ``` 4. **对不规范代码的兼容性差异** - IE 对未闭合的标签更...

    IE和FireFox的CSS兼容

    在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...

    IE与火狐常见的区别

    了解不同浏览器之间的差异至关重要,尤其在处理Internet Explorer(IE)与Mozilla Firefox(火狐)时,由于两者对某些CSS属性和HTML标签的支持程度不同,开发者常需采取特定策略以确保网页在各种浏览器中的兼容性和...

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    ### 滤镜问题-FireFox火狐浏览器与IE的对比分析 在Web开发领域,浏览器兼容性一直是开发者关注的重点之一。特别是在早期的Web技术发展中,不同浏览器对标准的支持程度存在较大差异,导致了多种特有的样式和效果实现...

    解决ie8按钮和文字变小问题。

    Internet Explorer 8(简称IE8)作为一款较老版本的浏览器,其对CSS的支持并不完善,经常会出现按钮和文字显示异常的问题,比如字体过小等。本文将详细介绍如何解决IE8环境下按钮和文字变小的问题,并提供相应的解决...

    IE与Firefox的CSS兼容大全

    IE和Firefox在处理元素定位时也可能出现差异,特别是对于浮动元素和绝对定位元素。 **解决方法**: 1. **清除浮动**:使用`:after`伪元素或`clear:both`属性来清除浮动引起的布局问题。 2. **定位技巧**:使用`...

    在IE浏览器中正常显示的字体效果设置.docx

    在描述的问题中,我们注意到在IE7和IE8中,当ClearType启用时,英文和数字的显示与Firefox和Chrome等其他浏览器有所不同。这是因为IE7和IE8默认启用了ClearType,而其他浏览器可能没有。这种差异主要体现在字体的...

    文字投影效果,测试IE6、7、8、FireFox、Safari等可用

    本文将深入探讨如何在Internet Explorer(IE)6、7、8,以及FireFox和Safari等主流浏览器中实现文字投影效果,并提供相应的代码示例和技巧。 #### 文字投影效果的基本概念 文字投影,或称文字阴影,是通过CSS属性`...

    js+css精美日历支持ie和firefox等浏览器

    3. **跨浏览器兼容性**:由于不同的浏览器对某些CSS属性和JavaScript特性支持程度不同,开发者需要确保代码能在IE、Firefox以及其他现代浏览器(如Chrome、Safari和Edge)上正常工作。这通常需要使用像`feature ...

    js文字滚动(IE火狐兼容版)

    在这个“js文字滚动(IE火狐兼容版)”中,我们主要探讨的是如何利用JavaScript来创建一个在不同浏览器上都能正常运行的文字滚动效果,包括Internet Explorer(IE)和Firefox等主流浏览器。 文字滚动是一种常见的网页...

    兼容ie和火狐的js分页

    本项目"兼容ie和火狐的js分页"旨在实现一个跨浏览器的JavaScript分页解决方案,确保在Internet Explorer(IE)和Firefox两大主流浏览器上都能正常运行。 首先,我们来理解一下核心知识点: 1. **JavaScript分页**...

    Firefox IE兼容教程

    2. **盒模型差异**:IE使用的是"怪异盒模型",将边框和内填充包含在元素的总宽度和高度中,而Firefox和其他遵循W3C标准的浏览器使用"正常盒模型",边框和内填充是额外添加的。这会导致元素尺寸计算上的不一致,需要...

    解决Ext在火狐下显示小字体的问题

    然而,有时在特定浏览器环境下,如火狐(Firefox),可能会出现显示问题,比如字体过小,这可能会影响用户体验。针对“解决Ext在火狐下显示小字体的问题”,我们可以探讨以下几个关键知识点: 1. **CSS重置与浏览器...

    CSS的下拉菜单,支持IE6 IE7 Firefox

    ### CSS的下拉菜单,支持IE6 IE7 Firefox #### 概述 本文将详细介绍一个兼容Internet Explorer 6(IE6)、Internet Explorer 7(IE7)以及Firefox浏览器的纯CSS下拉菜单实现方法。该下拉菜单不仅具有良好的跨浏览器...

    css规范_IE bug,IE与Firefox的CSS兼容问题.....整理

    本文主要探讨了针对IE浏览器,尤其是IE与Firefox之间存在的CSS兼容性问题,并提供了一些解决方案和编写高效、维护友好的CSS代码的规范。 一、使用CSS方法 遵循W3C标准编写CSS,避免使用非标准或过时的属性,这将有...

    兼容IE和Firefox的JS日历,很漂亮,很多大型项目用到

    本压缩包中的资源是专为兼容IE(Internet Explorer)和Firefox浏览器设计的一款美观的JS日历插件,这在多浏览器环境下具有很高的实用性。 首先,我们需要理解JavaScript(JS)是一种轻量级的解释型编程语言,广泛...

    input框中出现提示文字(兼容ie 火狐 谷歌)

    附件中的"input框中出现提示文字(兼容ie 火狐 谷歌)"可能包含了一个JavaScript或者jQuery的解决方案,旨在为旧版IE、火狐和谷歌浏览器提供一致的提示文字功能。 在IE8及以下版本,我们可以使用传统的JavaScript...

Global site tag (gtag.js) - Google Analytics