elementUI字体文件丢失问题

发表于2021-12-16|更新于2026-02-24

|浏览量:

见贤思齐焉，见不贤而内自省也。——《论语》

今天引入elementUI时

官方文档说的CDN引入方式为：

CDN
目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
1
2
3
4

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<script src="https://unpkg.com/element-ui/lib/index.js"></script>

我想下载到本地嘛，就直接打开这两个链接，另存为到本地了

然后发现字体文件丢失…最后解决方式是打开

https://unpkg.com/browse/element-ui@2.15.6/lib/theme-chalk/fonts/

然后下载其中的字体文件，将fonts文件夹与css平级即可

前端

相关推荐

2022-01-11

uniapp对接oss视频上传+压缩

与其在绝望和挣扎中苟活，不如在希冀和盼望中死亡。——纪伯伦首先是文件上传的代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...

2023-01-14

google、YouTube、Medium进度条

当一个男人偷走了你的妻子时，最好的报复是让他去赡养她——吉特里这是一个目前25K stars的项目 github：https://github.com/rstacruz/nprogress 演示网址：http://ricostacruz.com/nprogress 进度条是浏览器上方的这个

2025-03-03

vue-loading-overlay

只要有一双真诚的眼睛陪我哭泣，就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo： https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay：简洁高效的加载指示器组件介绍在现代Web应用中，为了提升用户体验，加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时，加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件，简洁高效，易于集成和使用。本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法，并展示如何在项目中集成和使用这个组件。什么是 Vue Loading Overlay？Vue Loading Overlay 是一个 Vue.js 组件，用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中，通过简单的配置和调用即可实现加载指示器的显示和隐...

2025-08-26

fabricjs

没有比脚更长的路，没有比人更高的山。――汪国真《山高路远》 Fabric.js：浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中，图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画，还是数据可视化，HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强，却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验？如果答案是 YES，那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎！一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库，专为现代浏览器设计，能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力，还提供了对象化管理、序列化、事件监听、自由变形等高级功能，成为前端图形应用的“事实标准”。项目地址：https://github.com/fabricjs/fabric.js 官网演示：h...

2020-12-06

let和const命令

一个人在学校里表面上的成绩，以及较高的名次，都是靠不住的，唯一的要点是你对于你所学的是否心里真正觉得很喜欢，是否真有浓厚的兴趣……——邹韬奋 es6出来这么久了，是时候系统学习一下了 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。——ECMAScript 6.0入门网站 1234567891011121314151617181920212223242526272829303132333435// let必须先声明再使用// console.log(a) // Uncaught ReferenceError: Cannot access 'a' before initializationlet a = "a";console.log(a); // a// var可以先使用再声明b = &qu...

2024-11-15

uniapp-x之uts插件运行hutool

若要为自己而活，首先必须为别人而活。——色内卡注意这里是安卓真机设备注意配置好HBuilderX的gradle配置、JDK配置、安卓SDK配置等，在HBuilderX的运行配置中能找到首先HBuilderX新建一个uniapp-x工程就是在uni-app项目默认模板下面勾选uni-app x 然后先运行到安卓手机上，我们自定义一个基座 HBuilderX选择运行——运行到手机或模拟器——制作自定义调试基座我这里输入包名，等待云打包完成后即可在运行到Android真机设备时选择自定义基座运行然后我们右键新建一个目录叫uni_modules，右键uni_modules新建uni_modules插件选择UTS插件-API插件新建，我这里输入的名字叫dromara-hutool 新建以后我们在uni_modules/dromara-hutool/utssdk/app-android/config.json中引入hutool的依赖 123456{ "minSdkVersion": "21", "dependenc...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中