当前位置: 首页 > article >正文

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.kler.cn/a/454881.html

相关文章:

  • ElasticSearch - 深入解析 Elasticsearch Composite Aggregation 的分页与去重机制
  • 欧拉计划启航篇(一)
  • NAT 技术如何解决 IP 地址短缺问题?
  • 基于YOLOV5+Flask安全帽RTSP视频流实时目标检测
  • B端UI设计规范是什么?
  • ssh 完全命令行 登录服务器 , 无需交互的方法
  • git revert
  • 【C#】WPF设置Separator为垂直方向
  • (icml2024)SLAattention,基于原文时序模型进行改进
  • 【AIGC篇】AIGC 引擎:点燃创作自动化的未来之火
  • 项目报 OutOfMemoryError 、GC overhead limit exceeded 问题排查以及解决思路实战
  • LeetCode 热题 100_二叉树的中序遍历(36_94_简单_C++)(二叉树;递归(中序遍历);迭代)
  • 如何在 Ubuntu 22.04 上安装 Ansible 教程
  • OpenStack系列第三篇:CentOS7 上部署 OpenStack(Train版)集群教程 Ⅲ Nova Neutron 服务部署
  • Go语言反射从入门到进阶
  • js 生成二维码(qrcodejs2-fix)
  • Intel AMD Hygon CPU缓存
  • 分阶段总结:建材制造业“数字化转型”总体架构与实现路径
  • 06 - Django 视图view
  • 拉链表,流⽔表以及快照表的含义和特点
  • vscode remote-ssh 免密登录不生效的问题
  • vue2 通过url ‘URLScheme‘实现直接呼起小程序
  • 社区版Dify+Ollama+llama3.2-vision 实现多模态聊天
  • 设计模式-创建型-工厂方法模式
  • 上位机开发 的字符串处理
  • 【206】图书管理系统