Markdown语法字体字号讲解

学习目录

  • 语法详解
    • 改变字体样式`[电脑要自带该样式字体]`
    • 改变局部字号
    • 全局字体字号的设置
    • 使用场景及应用实例
  • > 快来试试吧😃

👇 👇
在这里插入图片描述👈点击该图片即可跳转至Markdown学习网站进行

Markdown语法字体字号讲解👈点击这里也可查看

语法详解

改变字体样式[电脑要自带该样式字体]

在Markdown文件中,使用标签的face属性可以进行修改文字字体。
实例一:

使用 <font> 标签的修改字体

常用字体

Markdown语言渲染结果
这是默认字体这是默认字体
<font face="仿宋">这是宋体</font>这是宋体
<font face="楷体">这是楷体</font>这是楷体
<font face="courier New">This is courier New</font>This is courier New
<font face="仿宋" color=red>这是红色宋体</font>这是红色宋体
<font face="楷体" color="blue">这是蓝色楷体</font>这是蓝色楷体
<font face="仿宋" color=red size=4>这是红色4号宋体</font>这是红色4号宋体
<font face="楷体" color="blue" size=5>这是蓝色5号楷体</font>这是蓝色5号楷体
<font face="courier New" color= #20B2AA size=6>This is LightSeaGreen courier New size 6</font> This is LightSeaGreen courier New size 6
<font face="Aa武道家" size=5>这是Aa武道家size=5</font>这是Aa武道家size=5

改变局部字号

Markdown文档中字号的定义有三种方式,第一种是使用标签;第二种通过或者标签;第三种是通过 修改style样式实现。

使用<font>标签进行设置

实例2:

Markdown语言渲染结果
<font size="1">1号字 最小</font> 1号字
<font size="2">2号字</font>2号字
<font size="3">3号字 默认</font>3号字
<font size="4">4号字</font>4号字
<font size="5">5号字</font>5号字
<font size="6">6号字</font>6号字
<font size="7">7号字 最大</font> 7号字


1号字 最小2号字3号字 默认4号字5号字6号字7号字 最大

使用<big><small>标签进行修改局部字号

实例3:
这段文字里既包含<big>放大了的文字</big>,也包含<small>缩小了的文字</small>
渲染结果:这段文字里既包含放大了的文字,也包含缩小了的文字

全局字体字号的设置

实例4:
使用style样式修改全局字体和字号。

使用 style 修改字体字号

首先设置好样式样式写在编辑器中不会显示,仅仅会将对应的段落设置成相关的样式

<style>
h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }
</style>`
代码渲染
<h1>这是h1段落的渲染</h1>

这是段落h1的渲染

<h2>这是段落的渲染<h2/>

这是段落h2的渲染

<h3>这是段落的渲染<h3/>

这是段落h3的渲染

<p>这是段落的渲染<p/>

这是段落p的渲染

使用场景及应用实例

全局字体字号的修改通常用于对格式有严格要求的场景,比如毕业论文、或者招投标书之类的官方文档。
局部字体字号的修改更常见于个人博客类文章、用多元化的字体形式丰富文章的 “性格”。

实例 5:
制作一段标签云效果。

标签云实例

<font face="KAI" size=5>大江东去</font>
<font face="KAI" size=3>海之一粟</font>
<font face="KAI">江海寄余生</font>
<font face="song" size=5>天涯何处无芳草</font>  
<font face="KAI" size=5>一蓑烟雨任平生</font>
<font face="HEI" size=7>苏东坡</font>
<font face="HEI" size=4>寂寞沙洲冷</font>  
<font size=6>但愿人长久</font>
<font size=5>十年生死两茫茫</font>
<font size=2>诗酒趁年华</font>

标签云实例:

大江东去海之一粟江海寄余生天涯何处无芳草


一蓑烟雨任平生苏东坡寂寞沙洲冷

但愿人长久十年生死两茫茫诗酒趁年华

如果对您有帮助,请您点赞、收藏、关注、转发,让更多的人看到。

> 快来试试吧😃

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

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

相关文章

Spring boot处理跨域问题

Spring boot处理跨域问题 方案一方案二推荐解决方案注意 方案一 实现WebMvcConfigurer的addCorsMappings方法 Configuration public class InterceptorConfig implements WebMvcConfigurer {Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMappin…

TOTP双因素认证(2FA)php简单实现

TOTP身份验证的工作原理基于时间戳和密钥。用户需要在设置阶段将密钥与相应的身份验证器进行绑定。通常&#xff0c;用户会在需要使用TOTP动态验证码的APP或网站上获得一个密钥&#xff0c;然后将该密钥添加到TOTP验证器工具上。验证器会根据当前的时间戳和密钥生成一个一次性密…

day21——web自动化测试(3)Unittest+Selenium实战小案例

【没有所谓的运气&#x1f36c;&#xff0c;只有绝对的努力✊】 目录 今日目标&#xff1a; 1、UnitTest框架 2、UnitTest 核心用例 2.1 TestCase 2.2 TestSuite 2.3 TestRunner 2.4 TestLoader 2.5 TestLoader 与 TestSuite的区别 2.6 Fixture 3、断言 3.1 1230…

【Flink运行时架构】系统构架

SMP架构 数据处理系统的架构最简单的实现方式就是单节点&#xff0c;但是随着数据量的增大&#xff0c;为了使单节点的机器性能更加强大&#xff0c;需要增加CPU数量和加大内存来提高吞吐量。这就是所谓的SMP(Symmetrical Multi Processing,对称多处理)架构。 但是这种架构带来…

CountDownLatch应用举例

定义 CountDownLatch是juc下的一个多线程锁&#xff0c;下面是jdk对它的定义 A synchronization aid that allows one or more threads to wait until a set of operations being performed in other threads completes. 翻译如下 一种同步辅助工具&#xff0c;允许一个或多个…

ADC(二):外部触发

有关ADC的基础知识请参考标准库入门教程 ADC&#xff08;二&#xff09;&#xff1a;外部触发 1、TIM1的CC1事件触发ADC1DMA重装载2、TIM3的TRGO事件(的更新事件)触发ADC1DMA重装载3、TIM3的TRGO事件(的捕获事件)触发ADC1DMA重装载4、优化TIM3的TRGO事件(的捕获事件)触发ADC1D…

磁盘分区格式

MBR和GPT ‌磁盘分区形式主要有两种&#xff1a;MBR和GPT。‌‌ MBR&#xff08;Master Boot Record&#xff09; MBR是一种较旧的分区形式&#xff0c;首次引入于1983年的IBM PC DOS 2.0。它位于驱动器的第一个扇区&#xff0c;包含460字节的引导代码、64字节的磁盘分区表和…

几个支持用户名密码的代理链工具: glider, gost, proxychains+microsocks

几个支持用户名密码的代理链工具: glider, gost, proxychainsmicrosocks gost -L:7777 -Fsocks5://192.168.2.20:7575 -Fsocks5://user:passwd1.1.1.1:10086 -Dgost&#xff1a;(https://github.com/ginuerzh/gost) 参考 https://www.quakemachinex.com/blog/279.html

量子退火与机器学习(1):少量数据求解未知QUBO矩阵,以少见多

文章目录 前言ー、复习QUBO&#xff1a;中药配伍的复杂性1.QUBO 的介入&#xff1a;寻找最佳药材组合 二、难题&#xff1a;QUBO矩阵未知的问题1.为什么这么难&#xff1f; 三、稀疏建模(Sparse Modeling)1. 欠定系统中的稀疏解2. L1和L2的选择&#xff1a; 三、压缩感知算法(C…

【连续学习之SSL算法】2018年论文Selfless sequential learning

1 介绍 年份&#xff1a;2018 期刊&#xff1a; arXiv preprint Aljundi R, Rohrbach M, Tuytelaars T. Selfless sequential learning[J]. arXiv preprint arXiv:1806.05421, 2018. 本文提出了一种名为SLNID&#xff08;Sparse coding through Local Neural Inhibition and…

关于SNAT、DNAT及浮动地址

SNAT、DNAT SNAT、DNAT就是实现代理的功能。 SNAT 类似于客户端代理&#xff1a;内网主机通过共享公网 IP 地址访问外部服务。DNAT 类似于服务端代理&#xff1a;外部请求通过公网 IP 转发到内网主机上的服务。 没有大网地址的内部主机想要作为客户端访问外部网络&#xff08;主…

结构方程模型【SEM】:嵌套分层数据及数据分组分析

结构方程模型&#xff08;System of Equations Model&#xff0c;简称SEM&#xff09;&#xff0c;在生态学和环境科学中通常指的是一组描述生态系统中能量、物质和信息流动的数学方程。这些方程可以是确定性的&#xff0c;也可以是随机的&#xff0c;它们共同构成了一个模型&a…

hot100_56. 合并区间

以数组 intervals 表示若干个区间的集合&#xff0c;其中单个区间为 intervals[i] [starti, endi] 。 请你合并所有重叠的区间&#xff0c;并返回 一个不重叠的区间数组&#xff0c;该数组需恰好覆盖输入中的所有区间 。数据结构 二维链表存储每个区间 方法 先对每个区间的…

Python大数据:基于Python的王者荣耀战队数据分析系统的设计与实现

系统展示 比赛信息管理 看板展示 系统管理 摘要 本文使用Python与MYSQL技术搭建了一个王者荣耀战队的数据分析系统。对用户提出的功能进行合理分析&#xff0c;然后搭建开发平台以及配置计算机软硬件&#xff1b;通过对数据流图以及系统结构的设计&#xff0c;创建相应的数据…

两分钟解决:vscode卡在设置SSH主机,VS Code-正在本地初始化VSCode服务器

问题原因 remote-ssh还是有一些bug的&#xff0c;在跟新之后可能会一直加载初始化SSH主机解决方案 1.打开终端2.登录链接vscode的账号&#xff0c;到家目录下3.找到 .vscode-server文件,删掉这个文件4.重启 vscode 就没问题了

深入理解与优化Java二维数组:从定义到性能提升的全面指南

1. 定义和初始化二维数组 在Java中&#xff0c;二维数组可以看作是数组的数组。你可以将它想象成一个矩阵或表格&#xff0c;每个元素是一个数组。 1.1 定义二维数组 二维数组的定义语法如下&#xff1a; datatype[][] arrayName;datatype 是数组元素的数据类型。arrayName…

day26 文件io

函数接口 1 .open和close 文件描述符&#xff1a;系统为用open打开的文件分配的标识符 非负的整形数据 0-1023 最小未被使用原则 使用完时及时释放&#xff0c;避免文件描述符溢出 文件描述溢出就是文件使用完没有及时关闭文件 int open(const char *pathname, int flags); /…

Java Stream流详解——串行版

Stream流——串行版 ​ Stream流是java8引入的特性&#xff0c;极大的方便了我们对于程序内数据的操作&#xff0c;提高了性能。通过函数式编程解决复杂问题。 1.BaseStream<T,S extense BaseStream<T,S>> ​ 他是流处理的基石概念&#xff0c;重点不在于这个接…

el-backtop(返回顶部)

案例&#xff1a; <el-backtop target".app-main"><svg-icon icon-class"backtop" size"24px" /></el-backtop>

探秘“香水的 ChatGPT”:AI 开启嗅觉奇幻之旅!

你没有看错&#xff0c;AI也能闻到味道了&#xff01;这是一家名为Osmo公司公布的信息&#xff0c;他们成功创造出了由AI生成的李子味道&#xff0c;快跟着小编一探究竟吧~ 【图片来源于网络&#xff0c;侵删】 Osmo公司的这项技术&#xff0c;通过分析香味的化学成分和人类嗅…