文档章节

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

i
 iphoenix
发布于 2015/12/16 11:20
字数 349
阅读 402
收藏 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
ubuntu8.04下字体设置

以微软雅黑字体为例(其他的宋体、黑体等点阵字体都一样的),我们的雅黑字体文件是:MSYH.TTF MSYHBD.TTF 1、在fonts下新建一个vistaFonts目录,准备把从windows下拷贝过来的字体都放在这个...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

简单谈一谈压力测试

最近,在做API的压力测试,趟了不少坑,然后呢,简要记录一下。 压测前需要准备的一些事 拿到API文档不要立马上手,先基准测试,就是执行一次接口测试,至少要压这个接口,要先熟悉一下他的参...

浮躁的码农
28分钟前
0
0
PHP 错误调查

一.定义:PHP错误是由PHP无法读懂执行的代码引起的错误。 二:错误日志 error log 1.在php.ini 里设置 log_errors = on, log文件位置 error_log=/tmp/php_errors.log 2.代码里设置ini_set('...

忙碌的小蜜蜂
31分钟前
0
0
knn算法

import numpy as np def CreateDateSet(): group = np.array([[1.0, 2.0], [1.2, 0.1], [0.1, 1.4], [0.3, 3.5]]) labels = ['A','A','B','B'] return group,labels coding:utf-8 from numpy......

南桥北木
31分钟前
0
0
自己手写一个 SpringMVC 框架

前端框架很多,但没有一个框架称霸,后端框架现在Spring已经完成大一统.所以学习Spring是Java程序员的必修课. Spring 框架对于 Java 后端程序员来说再熟悉不过了,以前只知道它用的反射实现的,...

别打我会飞
今天
2
0
01-《Apache Tomcat 9》之文件索引

《Apache Tomcat 9》是《看Apache官方文档学英语》的第一个专栏!让我们一起在看文档的过程中学英语,在学英语的过程中夯实技术! Documentation Index - 文件索引 Introduction - 介绍 This...

飞鱼说编程
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部