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

相关推荐
非科班Java出身GISer20 小时前
ArcGIS JS 基础教程(21):PointCloudLayer 点云图层
arcgis·arcgis js 点云·arcgis js 点云图层·arcgis 点云图层·arcgis js 加载点云
暗中讨饭的卫31 天前
ArcGIS图形缓冲:点要素缓冲出长方形问题干货总结
arcgis
qingyulee2 天前
CLAUDE使用——vibe_coding
人工智能·arcgis
非科班Java出身GISer5 天前
ArcGIS JS 基础教程(19):3D Tiles 图层
arcgis·arcgis js 倾斜·arcgis js倾斜摄影·arcgis 3dtiles·arcgis js 加载倾斜
xiao5kou4chang6kai49 天前
GIS数据制备,空间分析与高级建模
arcgis·gis·空间数据
杨超越luckly9 天前
Agent应用指南:利用POST请求获取麦当劳门店位置信息
人工智能·arcgis·html·数据可视化·麦当劳
非科班Java出身GISer10 天前
ArcGIS JS 基础教程(18):SceneLayer 场景图层
arcgis·arcgis js 白膜·arcgis js 建筑·scenelayer 图层·arcgis js i3s
Li.map11 天前
CesiumJS 地图主题系统:用着色器打造实时滤镜
javascript·arcgis·cesium·着色器
中科GIS地理信息培训17 天前
【实操】在 ArcGIS Pro 中,计算多边形的面积时,需排除缓冲区要素中与多边形重叠的部分
arcgis·arcgis pro
中科GIS地理信息培训17 天前
ArcGIS Pro镶嵌数据集:绝不仅是数据之和
arcgis·arcgis pro