一、找到自己项目的fontclass路径

二、复制路径在index.html文件中引入
index.html文件如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<!--引入图标库-->
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4792863_vqbcu8h74fn.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= title %></title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
主要代码:
<!--引入图标库-->
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4792863_vqbcu8h74fn.css">
三、在项目中使用
在需要使用的地方直接用i标签,class前缀需要有iconfont,如下:
<i
style="font-size: 30px; margin-right: 10px"
class="iconfont icon-mti-4Gtuchuan"
/>
810

被折叠的 条评论
为什么被折叠?



