使用Bootstrap后,关于IE与Chrome显示字体的问题

在做日志系统时,使用了Bootstrap,然后通过浏览器查看的页面效果如下

对比可以看到,同样的字体,IE显示的圆润些,而Chrome字体则丑很多。因为Chrome默认用宋体

在http://v3.bootcss.com/ 里,他是通过patch.css里重新定义字体来实现的

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

目前,我们的系统也采用这种方法。

其实,chrome比较好看的是微软雅黑字体,虽然使用

*{font-family:微软雅黑
}

可以重置所有的字体为微软雅黑,但是在有些情况下使用宋体,verdada字体能给取得更好的效果。

微软雅黑字体虽然美观,但是看久了比较吃力。宋体虽然字体清晰,但是比较难看

在XP操作系统的年代,我自己做系统最常用的就是:verdana字体,12px大小。在win7时代,用的最多的微软雅黑字体,基本上是14px

时间: 2024-08-24 18:52:55

使用Bootstrap后,关于IE与Chrome显示字体的问题的相关文章

ubuntu 14.04下chrome显示标题乱码问题

最近ubuntu 14.04和chrome都升级成最新版后,chrome标题栏和书签栏都不能正常显示中文了. 然后搜了下发现这样可以解决: 修改文件 /etc/fonts/conf.d/49-sansserif.conf 将其中标红部分修改一个已经安装的中文字体,我现在用的时文泉驿微米黑所以就这样改: 修改前: <edit name="family" mode="append_last"> <string>sans-serif</str

Android捕捉图像后在SurfaceView上变形显示问题的处理

我们在Android中经常会使用SurfaceView编写自定义的摄像头,可是有的时候会经常会出现图像的变形,我们就会很郁闷的问这到底是为什么呢?其实这个最根本的原因是SurfaceView和PreViewSize的尺寸不是同一个比率. 所谓PreViewSize就是在预览的时候帧数据的尺寸,SurfaceView是用来预览Camera的视图,它的尺寸也就是Screen全屏时候的大小.还有一个重要尺寸的是PictureSize,这个是拍照后图片的尺寸,就是所保存的结果图片的大小. 所以解决刚刚问

文件打开后任务栏里面不显示打开的文件名称

打开EXCEL文件时发现任务栏里面不显示打开文件的名称,当时的任务栏没有设置为自动隐藏,这就奇怪了.问度娘,说CTRL+ALT+DELETE打开任务管理器,新建任务,试了一下还是没有解决,最后没办法,在任务管理器里面把一些不需要的进程给结束了,当我把IE浏览器的进程结束后,任务栏立马就显示出刚才打开文件的名称.怪哉!没搞清楚他们之间的原因,但总归解决了问题,此法供大家参考! 文件打开后任务栏里面不显示打开的文件名称,布布扣,bubuko.com

【安卓】imageView.scaleType取centerCrop后,再用padding时显示异常?

imgView.setCropToPadding(true);即可          [安卓]imageView.scaleType取centerCrop后,再用padding时显示异常?,布布扣,bubuko.com

Pydev安装成功后在Eclipse中不显示

[环境] Eclipse Version: Luna Service Release 1 (4.4.1) Windows System:  Windows 7 Python Version:  Python 2.7.4 JDK Version:      JDK 1.6 [现象] 参照安装文章安装后Pydev后,发现Window-> Preferences没有显示Pydev. http://blog.csdn.net/Jerry_1126/article/details/19359139 [处理

chrome显示小于12号字体的方法

我现在做一个支持英文的网站,但是字体要设置小于12号字体,我百度方法是-webkit-text-size-adjust:none;  但是谷歌为什么不支持啊,  有没有解决办法 让谷歌浏览器 支持小于12字体的办法如下 <div><ul><li><a href=”#”>Home</a></li><li><a href=”#”>About</a></li></ul></d

chrome显示12px以下字体的解决方法

demo如下: <!doctype html> <html> <head> <title>chrome显示12px以下字体的解决方法</title> </head> <style type="text/css"> * { margin: 0px; padding: 0px; font-family: "微软雅黑"; } .px12 { font-size: 12px; } .px10

解决IntelliJ IDEA 安装后打开文件目录对话框不能显示中文的问题

每次安装或者升级IntelliJ IDEA后都会在界面没法显示中文的小问题汗折腾掉很多时间.很多博文都提到了如何改变项目文件编码的,但还真没有提到怎么解决我这个问题. 其实可能是程序员思维的原因,一看到界面中一个个小方格就认为是编码问题.其实回想安装旧版Intellij IDEA的时候,其实这只是一个字体设置问题. 好,现在就直接上步骤和截图--但愿下次我不会再忘了. 1.点击主菜单中的File/Settings打开设置对话框,选择Apperance&Behavior/Appearance 2.

汇编题目:在DOS下,按F1键后改变当前屏幕的显示颜色

我们都知道int9中断是键盘的按键中断程序,按下键盘触发int9中断,不懂int9中断的请自己去百度查查说明和用法 利用中断任务安装一个新的int 9中断例程,功能:在DOS下,按F1键后改变当前屏幕的显示颜色,其他的键照常处理. ;任务:安装一个新的int 9中断例程, ;功能:在DOS下,按F1键后改变当前屏幕的显示颜色,其他的键照常处理. assume cs:code stack segment db 30h dup(0) stack ends data segment db 20h du