`
nbkangta
  • 浏览: 430561 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

ExtJs在firefox 中文字体太小的解决方案

    博客分类:
  • JS
阅读更多

firefox 中文字体太小的解决方案

解决办法其实很简单,就是将所有的默认字体改为13px.使用方法:
在引用ext的css后面再加上引用 ext-patch.css 即可.
(当然你也可以把它加在引用ext的css文件最后.)

ext-patch.css

 

   1. /* --------------- 修改 Ext CSS -------------- */  
   2. /* Ext 2.0 */  
   3. .x-window-footer {  
   4.     position: relative;  
   5.     top: 0;  
   6.     right: 0;  
   7. }  
   8. .x-tab-strip SPAN.x-tab-strip-text  {  
   9.     font-size: 13px;  
  10. }  
  11. .x-panel-header {  
  12.     font-size: 13px;  
  13. }  
  14. .x-tree-node {  
  15.     font-size: 13px;  
  16. }  
  17. .x-grid3-hd-row TD {  
  18.     font-size: 13px;  
  19. }  
  20. .x-grid3-row TD {  
  21.     font-size: 13px;  
  22.     LINE-HEIGHT: 18px;  
  23. }  
  24. .x-tip .x-tip-bd {  
  25.     font-size: 13px;  
  26. }  
  27. .x-tip h3{  
  28.     font-size: 13px;  
  29. }  
  30. .x-tip .x-tip-bd-inner{  
  31.     font-size:13px;  
  32. }  
  33. .x-panel-tl .x-panel-header {  
  34.     FONT: normal 13px tahoma,arial,verdana,sans-serif;  
  35. }  
  36. .x-form-field {  
  37.     FONT: 13px tahoma,arial,helvetica,sans-serif      
  38. }  
  39. .x-small-editor .x-form-field {  
  40.     FONT: 13px tahoma,arial,helvetica,sans-serif      
  41. }  
  42. .x-combo-list-item {  
  43.     FONT: 13px tahoma,arial,helvetica,sans-serif;     
  44. }     
  45. .x-menu-list-item {  
  46.     FONT: 13px tahoma,arial,sans-serif;  
  47. }  
  48. .x-window-tl .x-window-header {  
  49.     FONT: bold 13px tahoma,arial,verdana,sans-serif;      
  50. }  
  51. .x-layout-split-west .x-layout-mini {     
  52.     BACKGROUND-IMAGE: url(../images/mini-left.jpg);   
  53. }  
  54. .ext-ie .x-form-text {  
  55.     margin-top:1px;  
  56. } /* the textField missing bottom line */  
  57. .x-form-item {    
  58.     FONT: 13px tahoma,arial,helvetica,sans-serif  
  59. }  
  60. .x-grid-group-hd DIV {    
  61.     FONT: bold 13px tahoma,arial,helvetica,sans-serif;  
  62. }  
  63.   
  64. /*按钮字体大小 Add by extjs.org.cn */  
  65. .x-btn-text{  
  66.     font: 12px tahoma,arial,sans-serif;  
  67. }  
  68.   
  69. /* END */  
 
分享到:
评论

相关推荐

    ExtJS改变默认字体大小的几种方式

    例如,IE倾向于将11px渲染得接近12px,而Firefox则可能将其渲染得类似10px,导致在Firefox中字体显得较小。为了解决这个问题,可以在`ext-all.css`中全局搜索并替换所有11px为12px。这通常可以解决大部分浏览器的...

    EXTJS 样式 修正 css 可以调整extjs里面的字体大小

    EXTJS 样式 extjs字体大小 可以轻松在这个CSS文件里面调整EXTJS插件的字体大小,对这个有需求的同志们有福了!

    解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

    在本文中,我们将深入探讨一个特定的场景:如何解决在Firefox中使用ExtJS框架时,关闭并重新打开包含iframe的窗口后,js函数无法访问的问题。这个问题在其他浏览器如IE和Chrome中并未出现,但对Firefox用户来说是个...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    ExtJs默认的字体大小改变的几种方法(自己整理)

    因此,统一将所有11px替换为12px可以改善在Firefox中的显示效果,解决字体大小不一致的问题。 3. 版本特定的解决方案: 对于ExtJS 3.2.1版本,更改字体大小可能需要更细致的操作。虽然简单地在CSS中添加`.x-btn-...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    包含各种类型的extjs小图标,Extjs4小图标

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    extjs中文解决方案/Eclipse下的js和ext开发

    ### ExtJS中文解决方案与Eclipse下的JS和EXT开发 #### 一、ExtJS中文解决方案 在使用ExtJS进行Web应用程序开发时,对于中文环境的支持是非常重要的。为了实现ExtJS中文化,我们需要按照以下步骤来进行配置。 1. *...

    extjs中文帮助文档和英文api

    在实际开发中,开发者可能会遇到的问题,如性能优化、调试技巧、错误处理等,这些文档都提供了相应的解决方案。同时,通过查阅API,开发者可以了解到如何自定义组件,扩展内置类,以适应项目特定的需求。 总之,...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...

    ExtJs在struts2.0.x下实现动态树的解决方案

    本文将深入探讨如何在Struts2.0.x框架下利用ExtJs库来实现动态树的解决方案。 首先,我们需要了解ExtJs。ExtJs是一个强大的JavaScript库,提供了丰富的组件和布局,用于构建富客户端应用程序。它提供了树形控件...

    extjs在火狐下的文字顯示css

    然而,由于浏览器之间的差异,有时可能会遇到在特定浏览器下显示问题,例如在火狐(Firefox)下文字显示的CSS问题。本篇将深入探讨ExtJS在火狐下文字显示的CSS调整及其解决方案。 在ExtJS中,文字显示问题通常与...

    解决extjs API文档不断Loading

    标题“解决extjs API文档不断Loading”涉及到的问题是ExtJS框架在使用其API文档时可能出现的一个常见问题,即文档页面加载无休止,无法正常显示内容。这可能是由于多种原因引起的,包括网络连接问题、浏览器兼容性...

    extjs改变字体大小和换肤

    在 ExtJS 应用程序中,改变全局字体大小通常涉及到调整 CSS 样式。你可以通过以下几种方式实现: 1. **自定义样式表**:创建一个自定义的 CSS 文件,覆盖 ExtJS 默认样式。例如,你可以设置 `.x-container`(ExtJS ...

    extjs icon小图标

    在你提到的"extjs icon小图标"资源中,包含了一万个小图标,这为开发者提供了大量的选择,以满足不同设计需求。这些图标可能涵盖了各种类别,如操作状态(如成功、警告、错误)、导航方向、编辑操作(如新建、删除、...

    extjs小图标大全小图标

    综上所述,"extjs小图标大全小图标"这个资源为ExtJS开发者提供了一站式的图标解决方案,使他们能够在项目中轻松集成和使用各种图标,提升应用的视觉效果和用户体验。通过合理使用和适配,这些图标可以成为构建高质量...

    extjs easyui小图标

    在“extjs easyui小图标”这个主题中,我们可以学习以下几个关键知识点: 1. **图标集成**:在ExtJS和EasyUI中,图标通常是通过CSS样式来实现的。每个框架会提供一个图标字体或SVG资源文件,开发者可以在HTML元素中...

    extjs 3.4 开发前准备

    - 浏览器:推荐使用Firefox,因为它配合Firebug能提供强大的JavaScript调试功能。对于跨浏览器兼容性测试,IE仍然是不可忽视的一部分。 - Firebug: 作为Firefox的插件,提供源代码查看、断点调试、性能分析等功能。 ...

    extjs session失效解决方案

    使用filter来做后台,Ext.Ajax.on('requestcomplete', checkUserSessionStatus, this);用requestcomplete这个方法来异步判断session是否已经失效了

Global site tag (gtag.js) - Google Analytics