您当前的位置: 首页 >  ar

Kevin-Dev

暂无认证

  • 0浏览

    0关注

    544博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【Android -- 写作工具】Markdown 字体字号

Kevin-Dev 发布时间:2020-05-23 19:06:48 ,浏览量:0

在这里插入图片描述

1. 前言

字体是丰富排版效果的主要方式。一篇文章中会通过不同的字体字号来区分文字的作用,例如使用「黑体」,「一号字」作为标题,使用「宋体」、「四号字」作为正文等。

Markdown 使普通文本具有格式,但它的原生语法并不支持修改字体、字号。为了实现丰富文字样式的需求,我们需要通过增加 HTML 标签实现此类效果。

环境说明: 考虑到 Markdown 工具之间的不兼容,有的内容直接从页面复制粘贴到本地不会正常显示,大家学习时自己动手写是肯定没问题的。本节所有实例代码及演示效果均使用 Typora 工具完成。

2. 语法详解 2.1 改变字体

2.1.1 修改局部字体 在 Markdown 文件中,建议使用 标签的 face 属性修改文字字体。

实例 1:

#### 使用 `` 标签的修改字体

这里是默认字体

这里是黑体

这里是楷体

这里是扩展字体


p {font-size: 2rem;}

渲染结果如下: 在这里插入图片描述

2.1.2 常用字体 字体在不同环境中支持程度不同,表现结果可能也不同。在设计上,尽量选择较为通用的字体。以下是一些 Web 常用中文字体:

字体中文名称字体写法黑体宋体新宋体仿宋楷体仿宋_GB2312楷体_GB2312微软雅黑 2.2 改变字号

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

2.2.1 使用 标签 size 属性修改局部字号 实例 2:

#### 使用 `` 标签的修改字号

这里是默认正文字号

1号字 最小

2号字

3号字 默认

4号字

5号字

6号字

7号字 最大

其渲染结果如下: 在这里插入图片描述 2.2.2 使用 标签修改局部字号 实例 3:

#### 使用 `` 或 `` 标签的修改字号

这段文字里既包含放大了的文字,也包含缩小了的文字

其渲染结果如下: 在这里插入图片描述

2.3 全局字体字号的设置

实例 4:

使用 style 样式修改全局字体和字号。

#### 使用 `style` 修改字体字号

# WORD中常用的一号宋体标题

## WORD中常用的二号宋体标题

### WORD中常用的三号宋体标题

Word 中常用的四号正文楷体


h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }

其渲染结果如下: 在这里插入图片描述

3. 使用场景及应用实例

全局字体字号的修改通常用于对格式有严格要求的场景,比如毕业论文、或者招投标书之类的官方文档。

局部字体字号的修改更常见于个人博客类文章、用多元化的字体形式丰富文章的 “性格”。

实例 5:

制作一段标签云效果。

#### 标签云实例

大江东去
海之一粟
江海寄余生
天涯何处无芳草  
一蓑烟雨任平生
苏东坡
寂寞沙洲冷  
但愿人长久
十年生死两茫茫
诗酒趁年华

其渲染结果如下:

在这里插入图片描述

4. 小结
  • 写正式文档尽量使用全局字体,写个人文档可以更自由的发挥;
  • 字号的定义尽量不要使用固定值,比如 size=2 或者 font-size: 20px,对于一种整体性较好,适应多种分辨率的布局形式,可以多使用相应字号如 、、font-size: 2rem 等;
  • 字体效果与电脑中已安装的字体文件有关,由于电脑使用者、操作系统间的差异,同一 Markdown 在不同的电脑上表现可能会不同,请尽量使用通用字体。

尽量不要主动定义 Markdown 文档中字体,如果 Markdown 中字体定义过多,维护的成本会很高。当我们需要修改字体字号的时候,请尽量使用 标签,因为 标签语义明确。

关注
打赏
1658837700
查看更多评论
立即登录/注册

微信扫码登录

0.0421s