`
TPFZQL
  • 浏览: 7274 次
社区版块
存档分类
最新评论

如何用css设置兼容浏览器的字体

 
阅读更多

body{
            font-size : x-small;
            voice-family : "\"}\"";
            voice-family : inherit;
            font-size : small;
         }
        
         html > body{
            font-size : small;
         }

 

因为在IE5中的设置字体总是会比其他浏览器中设计的字体大一号,为了让所有浏览器的字体显示一样的大小,可以像上面这样设置

IE5在读到voice-family : "\"}\"";中会因为css已经结束了,不再往下读,所以它读到的字体大小是x-small,而其他浏览器会读到font-size:small这些

所以这样字体大小就可以兼容浏览器展示了。

 

如果想在原来的基础上调整字体的大小,可以使用百分比来达到。

h1{
            font-size:150%;
}

 

-----出自无懈可击的web设计

分享到:
评论

相关推荐

    css和js的浏览器兼容问题汇总

    css和js的浏览器兼容问题汇总,希望能帮到大家

    css中引入指定字体@font-face兼容各浏览器的问题

    支持 @font-face 的浏览器有Internet Explorer 9、Firefox Opera、Chrome和Safari,另外IE9只支持.eot类型的字体,Firefox、Chrome、Safari、和Opera支持.ttf、.otf 两种类型字体。 常规用法: @font-face { font-...

    CSS实现QQ浏览器功能

    2.CSS中linear-gradient() 函数用于创建一个线性渐变的 “图像”。      background-image: linear-gradient(direction, color-stop1, color-stop2, ...);   值 描述 direction 用角度值指定渐变的...

    div+css有实例,易学易懂

    第8 章 浏览器及兼容问题 8.1 浏览器介绍 8.2 要兼容哪些浏览器 8.3 解决兼容问题的原理 8.4 !important 的使用 8.5 水平居中的问题 8.5.1 IE6.0 中的水平居中 8.5.2 FIREFOX2.0 中的水平居中 8.5.3 解决方法 8.6 非...

    CSS3教程(7):CSS3嵌入字体

    那么就使用CSS3嵌入字体吧! 想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件?那么就使用CSS3嵌入字体吧! 上一篇:CSS3教程(6):创建网站多列 要使用一款字体,我们首先需要使用‘@font-face’...

    Web字体格式介绍以及浏览器兼容性一览

    随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,具体实现例子将在下一篇文章...

    html+css+js网页设计

    html css js网页设计CSS 要点: 样式化页面布局: 使用 CSS 来设计页面的布局,包括定位、盒模型、布局...兼容性和浏览器差异: 不同浏览器对 CSS 属性的解释和渲染方式可能有所不同,需要考虑到浏览器兼容性问题。

    浏览器兼容

    常用多浏览器不容兼的描述及解决方法 包含:CSS Hack规则 、兼容的具体案例: IE6下margin双倍边距Bug的处理办法 清除浮动 高度随内容自伸长 单行文字居中与字体样式问题 div层中子层的居底部对齐问题 iframe...

    解决在vue项目中webpack打包后字体不生效的问题

    尝试了一下去掉双引号,也就是font-family:微软雅黑,这样浏览器并不会把中文字体用unicode编码,样式也可以正常显示。但为了更好的兼容性,这里作者推荐使用中文字体的英文编码,如:font-family:’Microsoft YaHei...

    HTML5+CSS3+JavaScript网页设计8.zip

    《精通HTML5 + CSS3+JavaScript网页设计》内容主要包括CSS3的基本语法和概念,设置文字、段落、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS3滤镜的应用。重点介绍如何使用DlV+CSS3进行网页布局,注重...

    《CSS网站布局实录》源码

    03-00-CSS布局入门 04-01-多级下拉导航 ...04-01-横向导航系统_CSS布局 04-01-纵向导航系统 04-02-背景高级控制 04-03-表单 04-04-列表元素 04-05-字体样式 04-06-图片样式设计 ...07-00-浏览器兼容 08-00-可视化开发

    Rapid CSS editor(CSS编辑软件) 12.3.0.151 官方特别版.zip

    Rapid CSS editor是一款简单实用的CSS编辑软件,带有 HTML 和 XHTML 编辑的功能。...兼容性手表,prefixer,影子助理,助理箱,Web字体助手和更 浏览器预览 内置的多浏览器预览,分屏模式,屏幕尺寸测试

    02-CSS工具箱.rar

    名称 IE兼容速查表 ?css 2 W3C参考文档(英文版) .chm?css 2 W3C参考文档(中文版) .chmcss 2.0参考手册.chm ...w3C css selectorCSS1,CSS2,CSS3.txt阿里妈妈网页字体平台.txt 查询浏览器支持状态.txt

    CSS网站布局实录 (第二版)PDF版

    4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景...

    DIV+CSS教程

    在所有浏览器和平台之间的兼容性。 更少的编码、更少的页数和更快的下载速度。 除了还不能全面支持我们常用的大多数浏器之外,CSS在实现其它承诺方面作得相当出色。CSS在改变我们制作样式表的方法。它为大部分的...

    CSS Web安全字体组合

    font-family属性是多种字体的名称,作为一个”应变”制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。 你想要的字体类型如果浏览器找不到,它会从通用的字体类型...

    CSS Web安全字体组合详解

    font-family属性是多种字体的名称,作为一个应变制度,以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持的第一个字体,它尝试下一个的字体。 你想要的字体类型如果浏览器找不到,它会从通用的字体类型中...

    HTML5中文手册 + CSS3中文手册

    其他特性包括新的页面元素,比如 , , , ...包含的一些css3新功能如圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等及现在浏览器的兼容识别程度都弄得很清楚。

Global site tag (gtag.js) - Google Analytics