文档章节

bootstrap修改默认字体,更换为微软雅黑或其他字体的方法

i
 iphoenix
发布于 2015/12/16 11:20
字数 349
阅读 420
收藏 1

在开发中,使用bootstrap后,中文会一直是默认的宋体,做为一个设计师,是不可忍受的。。。还是微软雅黑的字体更好看些,而且过度到手机、平板电脑等设备上,字体也不会有太大跳跃。所以修改bootstrap的默认字体,更换为其他字体,例如:微软雅黑,方法很简单:

正常引入bootstrap的css样式后,记得将自定义的样式表放到其之后,如:

    <link rel="stylesheet" href="/Public/css/bootstrap.min.css">
    <link rel="stylesheet" href="/Public/img/main.css">

在main.css中第一句加上:

body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

将首选字体替换为微软雅黑,用英文写字体名称兼容性更好,在所有浏览器上都通用,而且兼容bootstrap2.xx版本与最新的bootstrap3版本。

将h1~h6标签写上,是因为在最新的bootstrap3中,对h1~h6单独做了字体设定,而在2.xx版本中则没有,安全起见要覆盖。

追加:不建议使用 * {}选择器,因为在一些其他样式插件、特殊部分会有更好的字体样式设定,用*就会全部覆盖。


本文转载自:http://www.igooda.cn/jzjl/20130914360.html

共有 人打赏支持
i
粉丝 4
博文 59
码字总数 21063
作品 0
海淀
私信 提问
很简单的在Ubuntu系统下安装字体和切换默认字体的方法

说明:测试系统是Ubuntu14.04。 安装字体: 以微软雅黑字体为例(其他的宋体、黑体等点阵字体都一样的),我们的雅黑字体文件是:msyh.ttf(常规字体)和msyhbd.ttf(微软雅黑加粗字体),该字体...

摆渡者
2014/06/12
0
0
如何更换pycharm字体?

请教各位,如何在pycharm中修改字体? 我之前用sublime text 3,习惯修改成微软雅黑字体,很舒服。 因为调试方便,换了pycharm,但不会改成系统字体了,只能找到固定的几个内置字体。 想请教...

fotomxq
2016/11/20
1K
1
Window7 环境下Chrome浏览器乱码问题

在更换一款主题之后,谷歌Chrome浏览器的标题栏、书签栏、菜单、右键菜单都出现中文乱码,但是页面显示正常,如图: 偶在网上找了许多资料,但大多都是讲解页面乱码问题,或者是Linux系统下C...

刀狂剑痴
2015/08/27
79
0
ubuntu下locale设定

第一步,编辑文件 sudo vi /var/lib/locales/supported.d/local 写入相关内容,比如写入如下内容: zh_CN.UTF-8 UTF-8zh_CN GB2312zh_CN.GBK GBKen_US.UTF-8 UTF-8zhCN.GB18030 GB18030 这个文件......

Vim0r
2014/11/08
0
0
同时使用等宽字体(如Monaco)和微软雅黑的方法

常用的等宽字体基本都不支持中文,唯二支持中文的,是老土的宋体和新宋。 太坑了。 网上有用微软雅黑和monaco等拼出新的字体的方法,但是,很不好。新拼出的字体,英文字符变得,很扁,非常扁...

刘地
2014/09/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

EOS docker开发环境

使用eos docker镜像是部署本地EOS开发环境的最轻松愉快的方法。使用官方提供的eos docker镜像,你可以快速建立一个eos开发环境,可以迅速启动开发节点和钱包服务器、创建账户、编写智能合约....

汇智网教程
今天
4
0
《唐史原来超有趣》的读后感优秀范文3700字

《唐史原来超有趣》的读后感优秀范文3700字: 作者:花若离。我今天分享的内容《唐史原来超有趣》这本书的读后感,我将这本书看了一遍之后就束之高阁了,不过里面的内容一直在在脑海中回放,...

原创小博客
今天
8
0
IC-CAD Methodology知识图谱

CAD (Computer Aided Design),计算机辅助设计,指利用计算机及其图形设备帮助设计人员进行设计工作,这个定义同样可以用来近似描述IC公司CAD工程师这个岗位的工作。 早期IC公司的CAD岗位最初...

李艳青1987
今天
12
0
CompletableFuture get方法一直阻塞或抛出TimeoutException

问题描述 最近刚刚上线的服务突然抛出大量的TimeoutException,查询后发现是使用了CompletableFuture,并且在执行future.get(5, TimeUnit.SECONDS);时抛出了TimeoutException异常,导致接口响...

xiaolyuh
今天
6
0
dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
今天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部