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文件夹内

相关推荐
树谷-胡老师5 小时前
公元前3400年至公元2024年全球国家地理边界演变数据集
数据库·arcgis·信息可视化
wanzhong23331 天前
ArcGIS学习-20 实战-县域水文分析
学习·arcgis
树谷-胡老师1 天前
2005–2021年中国城市级终端能源消费(含可再生能源)综合数据集
arcgis·能源
坫鹏加油站2 天前
【ArcGIS】如何编辑图层的属性表
arcgis
wanzhong23332 天前
ArcGIS学习-18 实战-降雨量空间分布插值分析
学习·arcgis
GIS工具-gistools20213 天前
ArcGIS Excalibur 的新功能
人工智能·arcgis
2301_794333913 天前
React入门 | React 新手入门与常用库和工具
arcgis
GIS之家5 天前
vue3+arcgisAPI4示例:绘图工具动态修改样式导出GeoJSON(附源码下载)
arcgis·gis·webgis
@高蕊5 天前
光伏项目无人机踏勘--如何使用无人机自动航线规划APP
arcgis·无人机
wanzhong23335 天前
ArcGIS答疑-如何消除两张栅格图片中间的黑缝
arcgis