font-spider按需生成字体文件

font-spider可以全局安装,也可以单个项目内安装,使用npm run xxxx的形式

复制代码
npm i font-spider
"dev": "font-spider ./*.html"
复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*声明 WebFont*/
                @font-face {
                font-family: 'happy-font';

                src:url('./zz.ttf') format('truetype');
                }
                .cd{font-family: 'happy-font';}
    </style>
</head>
<body>
  <div class="cd">字</div>
  <div class="">字</div>
</body>
</html>

运行npm run dev后,原字体文件会被移动至.font-spider文件夹内

相关推荐
梦65013 小时前
从零搭建 Vue 移动端项目
arcgis
jiushidt16 小时前
Things About ArcGISPro
arcgis·c#·.net·arcgispro
梦65017 小时前
从零搭建 React 移动端项目
arcgis
智航GIS18 小时前
ArcGIS大师之路500技---035道路线转面
arcgis
智航GIS18 小时前
ArcGIS大师之路500技---018数据驱动
arcgis
智航GIS1 天前
ArcGIS大师之路500技---008创建渔网
arcgis
智航GIS1 天前
ArcGIS大师之路500技---007自动完成面
arcgis
亚洲小炫风2 天前
静态网页如何国际化
arcgis
智航GIS2 天前
ArcGIS大师之路500技---010属性自动赋值
arcgis
智航GIS2 天前
ArcGIS大师之路500技---006锚点的使用
arcgis