markdown加载自定义字体

写讲义,如果没有个像样 的字体多少有点难受。

最终的结果是劝退。

一、需要特定的markdown编辑器,我用的vscode

如果使用joplin、gitee的md文件是无法加载、渲染的。

二、

使用vscode想要渲染的话,似乎只能渲染一部分字体文件。下面不多说直接上代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>使用自定义字体</title><!-引入字体文件 --><link href="fonts/Caviar dreams.ttf" rel="stylesheet"><style>@font-face {font-family: "your-font-name";src: url("fonts/Caviar dreams.ttf") format("woff2"); /* 请根据实际情况选择字体格式 */}p {font-family: "your-font-name", sans-serif; /* 如果浏览器无法识别指定的字体,将使用默认字体 */}</style>
</head><body><h1>使用自定义字体</h1><p>这是一个使用自定义字体的段落。Times New Roman Differentiation<h1><p>Integration </p></h1><h1><p>I  want $\frac{1}{2}$ plus $\frac{6}{7}$,show me the answer</p></h1>
</body>
</html><p1>I  want $\frac{1}{2}$ plus $\frac{6}{7}$,show me the answer</p1>I  want $\frac{1}{2}$ plus $\frac{6}{7}$,show me the answer<h1>I  want $\frac{1}{2}$ plus $\frac{6}{7}$,show me the answer</h1>Momentum

需要在当前目录下有fonts文件夹,并且有字体文件。

效果如下:

如果发现有字体无法渲染,很可能是 字体文件的问题

下载网站比较可靠的有:

免费字体,字体下载,字体转换器_免费下载尽在字体家

最后、但是,不要觉得VS code上的渲染结果就是其他的地方的渲染结果,

在VSCODE上渲染成功的结果,在gitee的md文件在线显示时,是不支持渲染的,会打回原形。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/461607.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Uniapp(uni-app)学习与快速上手教程

Uniapp&#xff08;uni-app&#xff09;学习与快速上手教程 1. 简介 Uniapp是一个跨平台的前端框架&#xff0c;允许您使用Vue.js语法开发小程序、H5、安卓和iOS应用。下面是快速上手的步骤。 2. 创建项目 2.1 可视化界面创建 1、打开 HBuilderX&#xff0c;这是一款专为uni…

【VTKExamples::PolyData】第二十四期 InterpolateTerrain

很高兴在雪易的CSDN遇见你 VTK技术爱好者 QQ:870202403 前言 本文分享VTK样例InterpolateTerrain,希望对各位小伙伴有所帮助! 感谢各位小伙伴的点赞+关注,小易会继续努力分享,一起进步! 你的点赞就是我的动力(^U^)ノ~YO 1. InterpolateTerrain 输出: Interp…

问题:路基施工时以下哪种情况可以不用铺筑试验路段。( ) #经验分享#其他#微信

问题&#xff1a;路基施工时以下哪种情况可以不用铺筑试验路段。&#xff08; &#xff09; A.高速公路和一级公路 B.特殊土质地区公路 C.采用新技术、新材料和新工艺的路基 D.三、四级公路 参考答案如图所示

Java:内部类、枚举、泛型以及常用API --黑马笔记

内部类 内部类是类中的五大成分之一&#xff08;成员变量、方法、构造器、内部类、代码块&#xff09;&#xff0c;如果一个类定义在另一个类的内部&#xff0c;这个类就是内部类。 当一个类的内部&#xff0c;包含一个完整的事物&#xff0c;且这个事物没有必要单独设计时&a…

(1)短距离(<10KM)

文章目录 1.1 Bluetooth 1.2 CUAV PW-Link 1.3 ESP8266 wifi telemetry 1.4 ESP32 wifi telemetry 1.5 FrSky telemetry 1.6 Yaapu双向遥测地面站 1.7 HOTT telemetry 1.8 MSP(MultiWii 串行协议)(4.1 版) 1.9 MSP (version 4.2) 1.10 SiK Radio v1 1.11 SiK Radio …

异地电脑文件夹共享吗?

在现代社会中&#xff0c;人们越来越多地需要在不同的地方使用电脑来处理文件和数据。对于那些在异地工作或旅行的人来说&#xff0c;如何共享和访问自己的文件夹成为一个棘手的问题。幸运的是&#xff0c;有一些方法可以帮助我们在异地共享电脑文件夹&#xff0c;并实现远程访…

Window环境下使用go编译grpc最新教程

网上的grpc教程都或多或少有些老或者有些问题&#xff0c;导致最后执行生成文件时会报很多错。这里给出个人实践出可执行的编译命令与碰到的报错与解决方法。&#xff08;ps:本文代码按照煎鱼的教程编写&#xff1a;4.2 gRPC Client and Server - 跟煎鱼学 Go (gitbook.io)&…

【芯片设计- RTL 数字逻辑设计入门 15 -- 函数实现数据大小端转换】

文章目录 函数实现数据大小端转换函数语法函数使用的规则Verilog and Testbench综合图VCS 仿真波形 函数实现数据大小端转换 在数字芯片设计中&#xff0c;经常把实现特定功能的模块编写成函数&#xff0c;在需要的时候再在主模块中调用&#xff0c;以提高代码的复用性和提高设…

专业140+总分420+河海大学863信号与系统考研经验电子信息通信与信息技术,真题,大纲,参考书。

今年的成绩出来倍感欣慰&#xff0c;决定考研的时候并没有想到自己可以考出420的分数&#xff0c;通过自己一年来的努力&#xff0c;成功上岸&#xff0c;期中专业课863信号与系统140接近满分&#xff08;非常感谢信息通信Jenny老师的专业课辅导和平时悉心答疑&#xff0c;不厌…

同步和异步、阻塞与非阻塞

一、同步和异步的概念 首先同步和异步是访问数据的机制 同步&#xff1a;同步一般指主动请求并等待IO操作完成的方式异步&#xff1a;主动请求数据后便可以继续处理其它任务&#xff0c;随后等待IO操作完毕的通知 两者的区别&#xff1a;同步会一行一行执行代码&#xff0c;而…

从模型到前端,你应该知道的LLM生态系统指南

LLM在在2023年发展的风生水起&#xff0c;一个围绕LLM的庞大生态系统正在形成&#xff0c;本文通过介绍这个生态系统的核心组成部分&#xff0c;来详细整理LLM的发展。 模型-核心组件 大型语言模型(llm)是人工智能应用程序背后的原材料。这些模型最初被预先训练来预测句子中的…

NBA2K24 陈盈骏面补

NBA2K23-24 陈盈骏面补 NBA2K23-NBA2K24通用 陈盈骏面补 现效力于中国男子篮球职业联赛CBA广州龙狮 下载地址&#xff1a; https://www.changyouzuhao.cn/9617.html