• 如何在WordPress主题中使用Font Awesome
    发布日期:2019-09-09 20:43   来源:未知   阅读:

  Font Awesome是一种矢量图标,或者叫图标字体,矢量的好处是无限缩放不会失真,可以适应各种尺寸的屏幕,省掉了做很多图片的麻烦。如果你想在自己的WordPress主题中使用Font Awesome,下面介绍了方法。

  我的博客有很多代码,但今天我要把插件放在前面,不希望大家觉得在WordPress中使用插件就一定会降低性能。仙人掌资料大全,相反,我推荐使用插件,插件小巧灵活,即插即用,不想要也可以成本很低的舍弃。只有代码质量较低的插件才会降低网站性能。

  Font Awesome Icons就是一个短小精悍的插件,功能只有两个:

  如果你要发布自己的主题,向用户提供font awesome作为一个卖点,下面是集成方法。

  这段代码会引入font awesome主要的css文件,还会条件化加载修复ie7的css样式。

  3. 大功告成,下面就是使用了,使用的方式很多,官方推荐的方法是用i标签加class来添加,例如

  当然,也可以将class应用到其它标签,就像使用字体一样,可以设定字号、颜色、阴影等属性。

  需要注意的是font-awesome的css文件和字体文件要保持对应关系,如果你更改了字体目录名称或者位置,不要忘记修改css文件。

  具体说是修改font-awesome.css这个没压缩的文件,打开文件看开头的几行样式

  url里写的就是字体文件路径,根据自己的实际情况修改之。之后将其压缩,就可以用了。

  这段代码会引入font awesome主要的css文件,还会条件化加载修复ie7的css样式。

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms