怎么调整font awesome图标大小

html-css08

怎么调整font awesome图标大小,第1张

1、首先在css中复制一个样式文件(如果使用的是less和sass版的到相应的文件夹);将fonts文件复制。

2、将上述复制的两个文件粘贴到项目中,打开font-awesome.css的文件,根据红框的显示可以知道,css目录和fonts目录是同级的,注意以免找不到图标文件。

3、项目中引入样式文件,直接link进来就行了。

4、应用字体图标<i class="icon-back fa fa-chevron-left"></i>class中的fa必须,然后用你选取的图标名称前+“fa-”。

5、最后如下图红框所以,成功应用了Font Awesome图标了。

如果是图片的尺寸太大,要修改小一些。这种情况,通常都是使用雪碧图或者字体图标来做的。当然如果这些都不能满足你的需求,你也可以直接放图片,可以自己处理一张符合你需求的尺寸图片,也可以忽略图片的大小,然后使用css调整图片的尺寸大小即可,但是像素可能会被压缩。所以要根据自己的具体需求使用比较合适的解决方案。下面给你写一个案例。你可以参考是否符合自己的需求

浏览器当前列表页面按F12进入调试模式。 点击有个箭头图标查看页面元素-划到下来列表你要修改样式的位置-会显示当前样式的class 名与相关属性设置的数值信息。 插件bootstrap-select如果有引用的CSS文件去里搜索找到的CLASS名。如果没有css文件...