Font Awesome图标库使用方法和CDN公共库分享
我的站长站
2024-10-10
共人阅读
Font Awesome使用方法
Font Awesome使用前缀 fa 和图标的名称来放置 Font Awesome 图标，可缩放、定制大小、颜色、阴影等等，都可以用CSS的样式修改。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"> </head> <body> <i class="fa fa-car"></i> <i class="fa fa-car" style="font-size:48px;"></i> <i class="fa fa-car" style="font-size:60px;color:red;"></i> </body> </html>
Font Awesome CDN公共库
国内推荐 CDN：
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
海外推荐 CDN
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">