method One: Do not recommend the use of *{}selectors, because in some other style plug-ins, special parts will have a better font style settings, with * will be all covered. After normal introduction of bootstrap CSS style, remember to put the custom style sheet after it, <link rel= "stylesheet" href= "/public/css/bootstrap.min.css" > <link Rel= "stylesheet" href= "/public/img/main.css" > in main.css the first sentence plus: Body,button, input, select, Textarea,h1, H2, H3, H4, H 5, H6{font-family:Microsoft Yahei, ' Arial ', Tahoma, Helvetica, Arial, ' \5b8b\4f53 ', Sans-serif;}Replace preferred font with Microsoft Black, write font name compatibility better in English, common on all browsers. The H1~h6 label is written because in the latest bootstrap3, the font is set for H1~h6 alone. Method Two: Use "*". For example: * (font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif;) because this represents all styles. Method Three: It is recommended to create a public new CSS in the project root directory. Like a site.css inside the body .{font-family:"Microsoft Yahei", Microsoft Ya-hei, "Helvetica Neue", Arial,sans-serif; }then the reference time, put Site.css under Bootstrap.min.css, so that the custom CSS style will replace Bootstrap inside. More questions to ask for help area: http://bbs.houdunwang.com/http://houdunwang.com/lesson.html
Modify the global style of the bootstrap, bootstrap 3.0 is made up of HTML5 and CSS 3