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-12-19

css attr

过于大方的施舍会导致盗窃——西塞罗分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...

2020-12-25

live2d看板娘之自定义网站篇

失去信用而赚的钱应结算在损失里。——罗马通过这篇文档配置首先我们下载项目：项目地址然后复制到我们项目中创建页面并放入代码 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <link href='Pio/static/pio.css' rel='stylesheet' type='text/css'/></head><body><div class="pio-container left"> <d...

2020-09-04

js学习之call和apply

贪玩蓝月真好玩，但学习还是要继续的我们平时调用一个js函数是这样的 12345678910var ruben = { say: function (word) { if (this.name == null) { this.name = "ruben"; } return this.name + "说：" + word; }}var whatRubenSaid = ruben.say("做猪呢，最重要的是开心");console.log(whatRubenSaid); 输出结果那么我们现在新创建一个对象 123var Achao = { name: "Achao"} 如果我们想在Achao里调用ruben里的say函数我们就可以这样 12var whatAchaoSaid = ruben.say.call(Achao, &quo...

2024-06-28

uniapp将h5底部tabbar改到顶部

家贫僮仆慢，官罢友朋疏远。——佚名样式： 1234567.uni-tabbar{ top: 0; height: 50px;}.uni-app--showtabbar { padding-top: 50px;} 当然大家也有大家的方式，不能说谁的好谁的坏我这个的主要特点是能够适配没有tabbar的子页面

2025-02-26

JS的线程模型和事件循环机制

生命不是安排，而是追求。——弗吉尼亚·伍尔芙从线程和浏览器底层执行的角度来看，JavaScript 的延迟/休眠功能是如何实现的呢？线程模型和事件循环JavaScript 的执行环境（如浏览器或 Node.js）是单线程的，这意味着在任何给定的时间点，只有一个线程在执行 JavaScript 代码。为了管理并发操作，JavaScript 依赖于事件循环（Event Loop）。事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤：检查调用栈（Call Stack），如果调用栈为空，则继续。检查消息队列（Message Queue），如果消息队列中有待处理的任务，则取出队首的任务并执行。重复以上步骤。宏任务和微任务在事件循环中，有两种类型的任务：宏任务（Macro Task）和微任务（Micro Task）。宏任务：包括整体脚本执行、setTimeout、setInterval、setImmediate（Node.js）等。微任务：包括 Promise 的回调、process.nextTick（Node.js）、Mutation...

2022-05-31

node版本管理工具nvm

凡心所向，素履所往，生如逆旅，一苇以航。——『尘曲』我们经常需要多个node版本切换的场景，nvm可以做到这一切代码地址：https://github.com/nvm-sh/nvm 我们这里用的是windows，因此windows仓库地址：https://github.com/coreybutler/nvm-windows 首先是下载：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 下载zip包后安装即可注意这里是1.1.7版本，而且安装目录尽量放在D盘新建的目录等没有空格、中文、乱七八糟的权限干扰的目录然后选择node路径时同理完成后即可使用 123456789101112$ nvm use 16Now using node v16.9.1 (npm v7.21.1)$ node -vv16.9.1$ nvm use 14Now using node v14.18.0 (npm v6.14.15)$ node -vv14.18.0$ nvm install 12Now using nod...

阿超

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

数据加载中