bootstrap怎么改字体-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

bootstrap改字体的方法：首先正常引入bootstrap的css样式；然后将自定义的样式表放到其之后；最后在main.css中第一句加上“body,button, input, select, textarea,h1...”即可。

本教程操作环境：windows7系统，bootstrap2&&bootstrap3版本，Dell G3电脑。

相关教程推荐：《bootstrap教程》

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

在开发中，使用bootstrap后，中文会一直是默认的宋体，做为一个设计师，是不可忍受的。。。

还是微软雅黑的字体更好看些，而且过度到手机、平板电脑等设备上，字体也不会有太大跳跃。

所以修改bootstrap的默认字体，更换为其他字体，例如：微软雅黑，方法很简单：

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

如：

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

在main.css中第一句加上：

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

或者其他自定义字体:

@font-face{
            font-family:myFont;
            src:url('../myFont/SourceHanSansCN-Light.otf');
        }
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:myFont, Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}
html,body{
    width: 100%;
    height: 100%;
}