font awesome图标 怎么用到css中

font awesome图标 怎么用到css中,第1张

1、引入<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

2、直接页面使用类即可实现<i class="fa fa-camera-retro"></i>

这是icon-font字体。

说明:需要将字体和控制css下载到本地文件。当然你也可以在线引用

1、需要需要在头部引入confont控制的css

<link rel="stylesheet" href="../css/font-awesome.min.css">

2、页面中使用

<span class="icon-camera-retro"></span>

Font Awesome字体图标的使用方法非常简单:

1、首先要引入Font Awesome的css样式:<link rel="stylesheet" href="css/font-awesome.min.css">。

2、在你想放置图标的地方添加<i>标签(或使用<span>标签),并给<i>添加你想要的图标的class,如下所示:

<i class="fa fa-camera-retro"></i>注意:第一个fa是必须的。

3、如果在图标后你想添加文字,最好在<i>标签后添加一个空格。


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

原文地址: https://outofmemory.cn/bake/11621630.html

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

发表评论

登录后才能评论

评论列表(0条)

保存