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平级即可

前端

相关推荐

2020-06-30

jQuery的ajax

今天公司实习生问我jQuery的ajax怎么写，这玩意不是很简单吗 12345678910111213$.ajax({ url: "/cowBeer", //url method: "post", //请求方式 contentType: "application/json", //参数类型 data: JSON.stringify({ //这里面是参数 "name":"cowBeer" }), success: function (res) { console.log(res); //处理返回的数据 }, error: function (res) { //错误处...

2021-12-04

Promise

人活在世，不过一场美丽的寄居。——简嫃在前端开发中经常会使用异步方法这里介绍Promise函数定义方式： 12345// Promise内部构造参数为一个闭包，闭包中传入你想要异步处理的逻辑new Promise((resolve,reject)=>{ // 这里resolve表示正常处理异步逻辑后传送回调，reject则是异常逻辑或错误逻辑时执行，当异步方法中抛出异常，会自动调用reject，这里也可以手动调用 resolve(1)}) 然后定义完了，我们就可以开始调用调用写法如下： 12345678new Promise((resolve,reject)=>{ // 假设我这里异步方法处理完后得到的结果为1，我就传入一个1 resolve(1)}).then(res=>{ // 然后异步方法执行完了，我再对结果进行异步处理，让得到的1再加一个1 console.log(res+1)}) 使用then可以执行异步方法后续处理，将异步方法的回调的结果作...

2022-04-22

css实现鼠标划入显示拖动条

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼代码如下： 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <style> .ruben-container{ height: calc(100vh - 70vh); width: calc(100vw - 70vw); overflow-y: auto; } .ruben-container::-webkit-scrollbar { width: 4px; } .ruben-container::-webkit-scrollbar-thumb{ ...

2025-06-19

远程控制billd-desk

我们应该使每一个学生在毕业时候，带走的不仅仅是一些知识和技能，最重要的是要带走渴求知识的火花，并使它终生不熄地燃烧下去。——苏霍姆林斯基 GitHub - galaxy-s10/billd-desk: 基于Vue3 + WebRTC + Nodejs + Electron搭建的远程桌面控制 Billd Desk：基于 Vue3 + WebRTC + Node.js + Electron 的开源远程桌面控制程序@galaxy-s10/billd-desk 是一个开源的、跨平台的远程桌面控制程序。它以现代前端技术栈为基础，结合 WebRTC 实时音视频通信技术和 Electron 桌面端跨平台能力，实现了远程桌面访问、远程操作等实用功能。适用于远程办公、远程协助、桌面共享等多种场景。技术栈 Vue3：采用 Composition API 的现代前端框架，负责构建高性能响应式 UI。 WebRTC：点对点实时音视频流传输协议，实现高效的远程桌面画面流和控制指令传输。 Node.js：作为后端信令服务器，负责连接管理、房间分配、消息转发等核心逻辑。 Elect...

2023-05-22

officegen

以权利合者，权利尽而交疏。——《史记》如果我们需要使用js来编辑word、excel、powerpoint 可以使用这个开源项目：https://github.com/Ziv-Barber/officegen 可以让我们在html中进行编辑安装使用： 1$ npm install officegen ppt例子： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354const officegen = require('officegen')const fs = require('fs')// Create an empty PowerPoint object:let pptx = officegen('pptx')// Let's add a title slide:let slide = pptx.makeTitleSlide('Officeg...

2024-10-17

chrome浏览器插件开发快速入门

劝君正向光明面，心自安详气自盈。——佚名文档地址： Hello World 扩展程序 | Chrome Extensions | Chrome for Developers Hello World 扩展程序通过构建您的第一个 Hello World 扩展程序，了解 Chrome 扩展程序开发的基础知识。概览您将创建一个“Hello World”在本地加载扩展程序、查找日志并探索其他建议。 Hello World当用户点击扩展程序工具栏图标时，此扩展程序将显示“Hello Extensions”。 Hello Extension 弹出式窗口首先，创建一个用于存储扩展程序文件的新目录。如果您愿意，也可以下载 GitHub 中的源代码。接下来，在此目录中创建一个名为 manifest.json 的新文件。此 JSON 文件描述了扩展程序的功能和配置例如，大多数清单文件都包含 "action" 键，用于声明 Chrome 应用作扩展程序操作图标的图片，以及。 12345678910{ ...

阿超

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

数据加载中