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

相关推荐
中科GIS地理信息培训23 分钟前
ArcGIS/ArcGIS Pro地震分析:为什么缅甸地震,我国瑞丽震感最强烈?
arcgis·arcgis pro
Z_W_H_25 分钟前
ArcGIS Pro/GeoScene Pro AI 助手 2.1 安装教程
arcgis·ai·geoscene
Z_W_H_2 小时前
ArcGIS Pro/GeoScene Pro AI 助手 2.1
人工智能·arcgis·geoscene
岁月如歌,青春不败15 小时前
MaxEnt模型全解析:从原理到 R 语言实战,开启生态环境研究新视野
arcgis·r语言·生态学·论文写作·生态系统服务·物种分布·maxent模型
敲敲敲-敲代码1 天前
【ArcGIS】ArcGIS10.6彻底卸载和ArcGIS10.2安装全过程
arcgis
星火1913142 天前
arcgis jsapi 4.31 调用geoserver 发布的wms服务
arcgis·geoserver
规划GIS会3 天前
ima知识库第二弹,Python for ArcGIS Pro | 简简单单写个脚本工具
开发语言·python·arcgis
小艳加油3 天前
MaxEnt物种分布建模全流程;R+ArcGIS+MaxEnt模型物种分布模拟、参数优化方法、结果分析制图与论文写作
arcgis·r语言·物种分布模拟·maxent模型
生信学习小达人4 天前
在ArcGIS中导入气候tif文件出现 “输入与输出之间的基准面冲突” 警告
arcgis
敲敲敲-敲代码4 天前
【ArcGIS操作】ArcGIS 进行空间聚类分析
arcgis