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 天前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
GISer_Jing3 天前
遥感图像分割:五大开源模型推荐
arcgis·开源
先生沉默先4 天前
Nginx 反向代理学习:单端口统一访问多服务
学习·nginx·arcgis
感谢地心引力5 天前
【ArcGIS Pro】克隆 arcpy 环境(ArcGIS Pro 3.54)
python·arcgis·arcpy·地理处理
U***e636 天前
ReactRESTfulAPI案例
mongodb·arcgis·语言模型
星月前端7 天前
[特殊字符]面向 ArcGIS for JavaScript(4.x)开发者的「坐标系统(CRS / 投影)」全面解读
开发语言·javascript·arcgis
q***9948 天前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
爱地球的曲奇8 天前
ArcGIS(ArcMap&Pro)布局视图的在线地图与导出后的图片细节不一样
arcgis
DreamLife☼10 天前
Node-RED:自定义节点开发:打造专属工具箱
arcgis·调试·封装·npm包·自定义节点·节点开发·html模板
qq_2148032910 天前
ArcGIS Runtime Java SDK初始化报错:Could not find runtime
java·开发语言·arcgis