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

相关推荐
智航GIS16 小时前
ArcGIS脚本工具之---左上至右下分组编号
python·arcgis
装疯迷窍_A17 小时前
ARCGIS国土超级工具集1.8更新说明
arcgis·插件·变更调查·尖锐角·勘测定界·分割矢量
智航GIS20 小时前
ArcGIS大师之路500技---067栅格数据修补NoData空洞
arcgis
GIS萬事通3 天前
基于arcgis制作深度学习标签并基于python自动化预处理样本
python·深度学习·arcgis·边缘计算
智航GIS3 天前
ArcGIS大师之路500技---064通过字段计算器获得要素几何属性
arcgis
智航GIS3 天前
ArcGIS大师之路500技---065shp文件形状数与表记录数不一致的修复方法
arcgis
瀚高PG实验室3 天前
arcGis连不上HighGoDB的解决方案
arcgis·瀚高数据库
xa138508693 天前
ARCGIS PRO SDK 利用几何对象集合创建多行注记
arcgis
GIS之路3 天前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化
DXM05214 天前
Origin 制图全攻略:50+图表类型制作要点与适用场景解析
笔记·学习·arcgis·信息可视化·origin·制图·统计图