首頁(yè) 猿問(wèn) 怎么使用bootstrap里面的字體

怎么使用bootstrap里面的字體

Bootstrap

拉丁的傳說(shuō) 2019-03-13 10:09:51

怎么使用bootstrap里面的字體

查看完整描述

2 回答

烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

1.將雅黑字體的格式轉(zhuǎn)成eot,woff,ttf,svg四種格式，工具使用fonts2u，將這四個(gè)字體保存到你的fonts文件夾里面
2.使用@font-face，格式
@font-face {
font-family: "DIY-FontName";
src:url('../fonts/quicksand-book.eot');
src:url('../fonts/quicksand-book.eot?#iefix') format('embedded-opentype'),
url('../fonts/quicksand-book.woff') format('woff'),
url('../fonts/quicksand-book.ttf') format('truetype'),
url('../fonts/quicksand-book.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
將里面的url部分改成你1上面保存的字體的路徑；
1在你的css中css body { font-family: "DIY-FontName"; }即可。