怎么使用bootstrap里面的字体
一,首先,你要使用bootstrap就需要在官网里面耐液下载相应的文件,
,下载之后的目录,自己再改下名字,就好了,就像这样,
第二步,在你的页面里面引入bootstrap.css和jQuery(bootstrap是基于jquery的,所以jquery是必须的)
这下面是我自己的路径,路径不同的小伙伴自己改哈。
第三步,在页面中引入以下内容,注意自己的路径
<style type="text/css">
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot'埋亩雀);
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
}
</style>
第四步,使用,先找到网页链接bootstrap的字体网页,是不是看到有好多好多是弯早我字体呀,现在就是使用了。
在网页中写一个span标签,再用class引入样式就可以了(你要想用那个,就直接复制它下面的那串英文就可以了)
在网页中显示就是这样的
最后的最后,强烈推荐阿里妈妈字体库,里面的东西又多,也好用,bootstrap的我觉得有点少