font-size和font-family不同浏览器

原创 2016年08月30日 20:56:00
今天 同样的
.loginContext{
    position: absolute;
    top: 50px;
    left: 0px;
    height: 280px; 
    width: 670px;  
}
.loginContext p{
    padding: 20px 30px;
    font-size: 20px;
}

在chrome和ff中却不一样 chorm的字比ff大几倍????????

因为chrome和ie下默认字体是宋体,而firefox下默认是微软雅黑

两行字font-size都是20px,一行是微软雅黑,另一行是默认的宋体,看起来似乎大小就会不同,使用了微软雅黑的字体就和firefox里面的看起来一样了。综上所述,想让不同浏览器下字体大小看起来一致,除了要统一font-size,还要统一设置font-famil:‘SimSun’ 

Windows的一些: 

黑体:SimHei 
宋体:SimSun 
新宋体:NSimSun 
仿宋:FangSong 
楷体:KaiTi 
仿宋_GB2312:FangSong_GB2312 
楷体_GB2312:KaiTi_GB2312 
微软雅黑体:Microsoft YaHei 

装Office会生出来的一些: 

隶书:LiSu 
幼圆:YouYuan 
华文细黑:STXihei 
华文楷体:STKaiti 
华文宋体:STSong 
华文中宋:STZhongsong 
华文仿宋:STFangsong


版权声明:本文为博主原创文章,未经博主允许不得转载。

chrome浏览器font-size<12px无效解决办法

当样式设定font-size时,chrome浏览器里字体显示仍为12px; 如font-size:11px; 但是chrome还是12px的大小,很不听话。 今天我就遇到了这样的问题? 网站...
  • qq_22101509
  • qq_22101509
  • 2015年10月09日 10:12
  • 2863

chrome浏览器font-size<12px无效解决办法

当样式设定font-size时,chrome浏览器里字体显示仍为12px; 如font-size:11px; 但是chrome还是12px的大小,很不听话。 今天我就遇到了这样的问题? 网站...
  • qq_22101509
  • qq_22101509
  • 2015年10月09日 10:12
  • 2863

谷歌chrome浏览器下font-size属性值小于12px时无效问题的解决办法

如果单单是想要设置页面的font-size属性值小于12px,貌似是一个很简单、很正常、对于有这个需求的开发者理所当然的事情。 在chrome浏览器下,当设置font-size属性值小于12px时是...
  • dongdong9223
  • dongdong9223
  • 2016年12月29日 11:48
  • 1556

不同浏览器字符间距不同原因。font-size和 font-family,

工作中,制作表格时,单元格内容在IE中可以放得下,没有换行,而在 谷歌和火狐中却换行了(单元格不够宽),为什么在IE中却够宽,其它两个却不够宽??今天测试了很久,终于弄清楚了。原来:  我没有设置字体...
  • forest_fire
  • forest_fire
  • 2016年03月21日 10:46
  • 999

严肃计算,告诉你 Chrome、Firefox 和 Safari 到底谁耗电多

Chrome 是耗电小能手,这个大家应该是都知道了,但在 MacBook 上,Chrome 到底比 Firefox 抑或是 Safari 多耗电了多少电,这个你或许就不见得清楚了。接下来我们就通过 B...
  • wuchengzeng
  • wuchengzeng
  • 2015年09月07日 10:06
  • 522

font-size: 0;解决inline元素间的空白间隙

在公司写页面的时候,会引用公司的一个公共css,其中给主体部分设置了font-size:0 这个属性。起初觉得有些不方便,因为有文字的部分都要去设置font-size。后来发现这个属性真的很好用!~...
  • lihchweb
  • lihchweb
  • 2017年07月07日 12:37
  • 835

获取html跟节点的font-size

getComputedStyle(window.document.documentElement)['font-size']
  • ISaiSai
  • ISaiSai
  • 2015年10月17日 10:57
  • 2545

safair下html换行产生的间距设置font-size:0无效

问题:safair下html换行产生的间距设置font-size:0无效, 解决方法:letter-spacing设负值...
  • jyy_12
  • jyy_12
  • 2012年07月24日 18:31
  • 1603

字体大小 浏览器缩放文本的大小

字体大小 font-size 属性设置文本的大小。 能否管理文字的大小,在网页设计中是非常重要的。但是,你不能通过调整字体大小使段落看上去像标题,或者使标题看上去像段落。 请务必使用正确的HTM...
  • zj380475045
  • zj380475045
  • 2016年12月30日 14:21
  • 377

翻译:CSS3用rem来设置font-size

翻译:CSS3用rem来设置font-size即使在今天,确定字体单位仍然会成为一个激烈话题。不幸的是,各种技术都各有利弊,不能让人满意。问题仅仅是这些不能让人满意的技术中哪一个更可取。其中有两种可取...
  • u013108997
  • u013108997
  • 2015年05月15日 20:17
  • 1369
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:font-size和font-family不同浏览器
举报原因:
原因补充:

(最多只允许输入30个字)