如何更改bootstrap的字体样式

如何更改bootstrap的字体样式,第1张

1将雅黑字体格式转成eot,woff,ttf,svg四种格式,工具使用fonts2u,将这四个字体保存到你的fonts文件夹里面
2使用@font-face,格式
@font-face {
font-family: "DIY-FontName";
src:url('/fonts/quicksand-bookeot');
src:url('/fonts/quicksand-bookeot#iefix') format('embedded-opentype'),
url('/fonts/quicksand-bookwoff') format('woff'),
url('/fonts/quicksand-bookttf') format('truetype'),
url('/fonts/quicksand-booksvg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
将里面的url部分改成你1上面保存的字体的路径;
1在你的css中css body { font-family: "DIY-FontName"; }即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10899146.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存