如何更改bootstrap的字体样式
1个回答
2017-12-05 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数：117538
获赞数：517185
长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
![]()
展开全部
1.将雅黑字体的格式转成eot,woff,ttf,svg四种格式，工具使用fonts2u，将这四个字体保存到你的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"; }即可。
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"; }即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
