文档章节

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

i
 iphoenix
发布于 2015/12/16 11:20
字数 349
阅读 369
收藏 1
点赞 0
评论 0

在开发中,使用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

如何更换pycharm字体?

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

fotomxq ⋅ 2016/11/20 ⋅ 1

Window7 环境下Chrome浏览器乱码问题

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

刀狂剑痴 ⋅ 2015/08/27 ⋅ 0

ubuntu下字体安装方法

命令安装: 以微软雅黑字体为例(其他的宋体、黑体等点阵字体都一样的),我们的雅黑字体文件是:Yahei.ttf(放在自己的主目录下)(在widows目录的Fonts目录下找需要的字体) 由于我是双系统,...

元谷 ⋅ 2015/11/01 ⋅ 0

Mac 网页字体优化小议

Mac 网页字体优化小议 字体问题一直是前端和视觉设计师都会头疼的问题,加之各个平台(Windows,Mac,IOS 等)或者用户代理(各种浏览器,Photoshop 等)使用字体渲染的技术皆有不同,在不用...

再见ds ⋅ 2013/01/16 ⋅ 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

ZABBIX3.0 安装问题记录

今日对ZABBIX3.0进行了安装,安装过程中出现了一些问题,特在此记录被查 问题一: 现象: 使用源代码安装之后, 在ZABBIX的网页上不能使用MYSQL数据库 解决方法: ZABBIX需要php支持mysqli;...

Tevisky ⋅ 2016/03/16 ⋅ 0

ubuntu8.04下字体设置

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

晨曦之光 ⋅ 2012/03/09 ⋅ 0

完美支持微软雅黑字体 -- Chrome 2.0.173.1 发布

Google今天面向Dev Channel发布了2.0.173.1版本的Chrome浏览器,该版本仍然是很大程度上的Bug修复版本,最大的改进是中文用户终于可以完美使用其他 字体(如微软雅黑)浏览网页了,当然有些门...

红薯 ⋅ 2009/04/10 ⋅ 2

同时使用等宽字体(如Monaco)和微软雅黑的方法

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

刘地 ⋅ 2014/09/16 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

C++内存映射文件居然是这样?!

内存映射文件大家都时不时听过,但它到底是个什么?赶紧来看看吧 内存映射文件到底是干嘛的呢?让我们先来思考下面几个问题: 如果您想读的内容大于系统分配的内存块怎么办?如果您想搜索的字...

柳猫 ⋅ 26分钟前 ⋅ 0

MySQL 数据库设计总结

规则1:一般情况可以选择MyISAM存储引擎,如果需要事务支持必须使用InnoDB存储引擎。 注意:MyISAM存储引擎 B-tree索引有一个很大的限制:参与一个索引的所有字段的长度之和不能超过1000字节...

OSC_cnhwTY ⋅ 今天 ⋅ 0

多线程(四)

线程池和Exector框架 什么是线程池? 降低资源的消耗 提高响应速度,任务:T1创建线程时间,T2任务执行时间,T3线程销毁时间,线程池没有或者减少T1和T3 提高线程的可管理性。 线程池要做些什...

这很耳东先生 ⋅ 今天 ⋅ 0

使用SpringMVC的@Validated注解验证

1、SpringMVC验证@Validated的使用 第一步:编写国际化消息资源文件 编写国际化消息资源ValidatedMessage.properties文件主要是用来显示错误的消息定制 [java] view plain copy edit.userna...

瑟青豆 ⋅ 今天 ⋅ 0

19.压缩工具gzip bzip2 xz

6月22日任务 6.1 压缩打包介绍 6.2 gzip压缩工具 6.3 bzip2压缩工具 6.4 xz压缩工具 6.1 压缩打包介绍: linux中常见的一些压缩文件 .zip .gz .bz2 .xz .tar .gz .tar .bz2 .tar.xz 建立一些文...

王鑫linux ⋅ 今天 ⋅ 0

6. Shell 函数 和 定向输出

Shell 常用函数 简洁:目前没怎么在Shell 脚本中使用过函数,哈哈,不过,以后可能会用。就像java8的函数式编程,以后获取会用吧,行吧,那咱们简单的看一下具体的使用 Shell函数格式 linux ...

AHUSKY ⋅ 今天 ⋅ 0

单片机软件定时器

之前写了一个软件定时器,发现不够优化,和友好,现在重写了 soft_timer.h #ifndef _SOFT_TIMER_H_#define _SOFT_TIMER_H_#include "sys.h"typedef void (*timer_callback_function)(vo...

猎人嘻嘻哈哈的 ⋅ 今天 ⋅ 0

好的资料搜说引擎

鸠摩搜书 简介:鸠摩搜书是一个电子书搜索引擎。它汇集了多个网盘和电子书平台的资源,真所谓大而全。而且它还支持筛选txt,pdf,mobi,epub、azw3格式文件。还显示来自不同网站的资源。对了,...

乔三爷 ⋅ 今天 ⋅ 0

Debian下安装PostgreSQL的表分区插件pg_pathman

先安装基础的编译环境 apt-get install build-essential libssl1.0-dev libkrb5-dev 将pg的bin目录加入环境变量,主要是要使用 pg_config export PATH=$PATH:/usr/lib/postgresql/10/bin 进......

玛雅牛 ⋅ 今天 ⋅ 0

inno安装

#define MyAppName "HoldChipEngin" #define MyAppVersion "1.0" #define MyAppPublisher "Hold Chip, Inc." #define MyAppURL "http://www.holdchip.com/" #define MyAppExeName "HoldChipE......

backtrackx ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部