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

相关推荐
孙 悟 空1 天前
ArcGIS Maps SDK for JavaScript:根据经纬度定位,并添加定位标记
javascript·arcgis
GIS思维1 天前
ArcGIS Pro品字型标记符号填充
arcgis·arcgis pro·arcgis pro符号填充
wuningw2 天前
ant-design-ui的Select选择器多选时同时获取label与vaule值
ui·arcgis
GISerQ.3 天前
ArcGIS计算土地转移矩阵
arcgis·土地利用·土地转移矩阵
小仙有礼了4 天前
Arcgis for javascript 开发学习经验
javascript·学习·arcgis
规划GIS会4 天前
【ArcGIS Pro】实现一下完美的坐标点标注
arcgis
中科GIS地理信息培训4 天前
ArcGIS Pro 3.4新功能3:空间统计新特性,基于森林和增强分类与回归,过滤空间自相关
arcgis·分类·回归·arcgis pro
赵钰老师5 天前
【ArcGIS Pro】水文水资源、水生态与水环境
人工智能·python·机器学习·arcgis·chatgpt·数据分析
中科GIS地理信息培训5 天前
ArcGIS Pro 3.4新功能2:Spatial Analyst新特性,密度、距离、水文、太阳能、表面、区域分析
arcgis·arcgis pro
规划GIS会5 天前
【ArcGIS Pro】做个宽度渐变的河流符号
arcgis