1 |
2 |
3 |
4 |
5 |
mgtv.com |
weixin.com |
taobao.com |
youku.com |
facebook.com |
google.com |
qq.com |
twitter.com |
alipay.com |
line.com |
instagram.com |
apple.com |
slack.com |
teamviewer.com |
github.com |
paypal.com |
amazon.com |
trello.com |
getpocket.com |
51job.com |
reddit.com |
baidu.com |
163.com |
ctrip.com |
xing.com |
douban.com |
dropbox.com |
dribbble.com |
aliyun.com |
ebay.com |
starbucks.com |
jd.com |
sina.com |
tile.com |
weibo.com |
xiaomi.com |
gitee.com |
12306.com |
teambition.com |
linkedin.com |
adobe.com |
live.com |
netflix.com |
airbnb.com |
snapchat.com |
tumblr.com |
bet365.com |
pinterest.com |
xiaohongshu.com |
tiktok.com |
x.com |
discord.com |
disneyplus.com |
gmail.com |
aliexpress.com |
pornhub.com |
|
|
|
|
第一步:拷贝项目下面生成的 @font-face
@font-face {
font-family: 'FSLfont';
src: url('iconfont.woff2?t=1691236666095') format('woff2'),
url('iconfont.woff?t=1691236666095') format('woff'),
url('iconfont.ttf?t=1691236666095') format('truetype');
}
第二步:定义使用 iconfont 的样式
.FSLfont {
font-family: "FSLfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<span class="FSLfont">3</span>
http://iconfont.cn/manage/index?manage_type=myprojects&projectId=862721&keyword=