vscode不安装字体使用本地/网络字体文件更改字体方法（没有管理员权限）

最新推荐文章于 2024-08-20 19:13:30 发布

星野睡不醒

最新推荐文章于 2024-08-20 19:13:30 发布

阅读量1.8k

点赞数 2

分类专栏： Web 文章标签： css vscode js javascript css3

本文链接：https://blog.csdn.net/qq_21567385/article/details/109590166

版权

Web 专栏收录该内容

64 篇文章 35 订阅

订阅专栏

前言

没有管理员权限是不能在本地安装字体的，如果想要在 vscode 中使用自定义字体该怎么办呢？

解决

vscode 就是 ts 写的一个应用，我们只需要像 web 一样处理它就可以了。

帮助 > 打开开发者工具（ console 控制台）
查看 <head> 标签，发现有一个 vscode 自带的固定 .css 存在：

找到并打开这个 .css 文件，在尾部添加全局字体：

@font-face {
	/* 你要添加的字体名，自定义 */
	font-family: "zhanku";  
	/* 本地字体文件地址，可以是网络地址，正常使用一个格式的字体文件就可以了 */
    src: url("D:/Project/common/Private-web/font/zhanku/zhanku.eot") format("embedded-opentype"),
	     url("D:/Project/common/Private-web/font/zhanku/zhanku.woff") format("woff"),
	     url("D:/Project/common/Private-web/font/zhanku/zhanku.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}