HTML – 增加字体真棒图标

前端之家收集整理的这篇文章主要介绍了HTML – 增加字体真棒图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我对一些字体很棒的图标有点麻烦.我试图增加其中一些的大小,但由于某种原因,我似乎没有做任何工作.

这是我的HTML

  1. <div class="span5 bookBuild">
  2. <div class="well well-small">
  3. <h4>Build your Book!</h4>
  4. <div class="span2">
  5. <i class="icon-file icon-large"></i>
  6. </div><!--span2-->
  7. <div class="span9">
  8. <p>This is a paragraph</p>
  9. </div><!--span9-->
  10. <p class="clearfix"></p>
  11. </div><!--well-->
  12. </div><!--span5-->

我试图添加,因为你可以看到icon-large类以及icon-2x类. icon-2x-icon-4x都没有工作.

我还尝试定位特定图标,然后增加字体大小,如font-size:3em;

任何帮助都会很棒!

解决方法

我们可以使用字体真棒来制作更大的图标.字体真棒提供了一个类来增加它们.

增加相对于容器的图标大小,请使用fa-lg(增加33%),fa-2x,fa-3x,fa-4x或fa-5x类.

http://fortawesome.github.io/Font-Awesome/examples/

猜你在找的HTML相关文章