Skip to main content

字体对齐测试

·4 mins

字体对齐测试文档 #

用于测试中英文字体等宽效果


1. 基础对齐测试 #

英文字符测试 #

123456789012345678901234567890
ABCDEFGHIJ1234567890ABCDEFGHIJ

中文字符测试 #

测试测试测试测试测试测试测试
中文中文中文中文中文中文中文

混合测试 #

123456789012345678901234567890
测试 123 测试 123 测试 123 测试 123
ABC 中文 ABC 中文 ABC 中文 ABC 中文

2. 表格测试 #

简单表格 #

姓名 年龄 城市 备注
张三 25 北京 工程师
李四 30 上海 设计师
Wang 28 广州 Manager

对齐表格 #

左对齐 居中对齐 右对齐 长内容测试
苹果 香蕉 橙子 Content A
Apple Banana Orange 内容 B 测试
¥5.00 ¥3.50 ¥6.00 很长的内容

代码表格 #

命令 说明 示例
git status 查看状态 git status -s
git commit 提交代码 git commit -m "msg"
测试命令 中文测试 测试 -v 参数

3. ASCII 图表测试 #

流程图 #

┌──────────────┐      ┌──────────────┐      ┌──────────────┐
│  办公电脑    │      │  云服务器    │      │  家中 Mac    │
│  (控制端)    │─────►│  (Debian)    │─────►│  Mini        │
│              │      │              │      │              │
│  本地:5900  │      │  公网 IP     │      │  内网 IP     │
│              │      │  1.2.3.4     │      │  192.168.1.x │
└──────────────┘      └──────────────┘      └──────────────┘

数据流向 #

┌─────────────────────────────────────────────────────────────┐
│                      互联网                                  │
│                                                             │
│   ┌──────────┐    ┌──────────┐    ┌──────────┐            │
│   │ 步骤 1   │───►│ 步骤 2   │───►│ 步骤 3   │            │
│   │  本地    │    │  云端    │    │  远程    │            │
│   └──────────┘    └──────────┘    └──────────┘            │
│                                                             │
└─────────────────────────────────────────────────────────────┘

树状图 #

项目结构
├── src/
│   ├── main.py        # 主程序
│   ├── utils.py       # 工具函数
│   └── config.py      # 配置文件
├── tests/
│   ├── test_main.py   # 主测试
│   └── test_utils.py  # 工具测试
└── README.md          # 说明文档

4. 箭头测试 #

单向箭头 #

A ──► B ──► C ──► D
│     │     │     │
▼     ▼     ▼     ▼
1     2     3     4

双向箭头 #

办公电脑 ◄────► 云服务器 ◄────► Mac Mini
    │              │              │
    └──────────────┴──────────────┘
           加密隧道

复杂箭头 #

        ┌─────────────┐
        │   路由器    │
        └──────┬──────┘
               │
    ┌──────────┼──────────┐
    │          │          │
    ▼          ▼          ▼
┌────────┐ ┌────────┐ ┌────────┐
│电脑 A  │ │电脑 B  │ │电脑 C  │
└────────┘ └────────┘ └────────┘

5. Mermaid 图表测试 #

简单流程图 #

graph LR
    A[办公电脑] -->|SSH 隧道| B[云服务器]
    B -->|FRP 隧道| C[Mac Mini]

    style A fill:#e1f5ff
    style B fill:#fff3e0
    style C fill:#e8f5e9

复杂网络拓扑图 #

graph TB
    subgraph 办公室网络
        A1[办公电脑<br/>macOS]
        A2[笔记本<br/>Windows]
        A3[手机<br/>iOS]
    end

    subgraph 云服务器
        B1[frps<br/>端口 7000]
        B2[Nginx<br/>端口 80/443]
        B3[Web管理<br/>端口 7500]
        B4[监控服务<br/>Prometheus]
    end

    subgraph 家庭网络
        C1[Mac Mini<br/>frpc客户端]
        C2[NAS存储<br/>Synology]
        C3[智能家居<br/>HomeAssistant]
        C4[开发服务器<br/>Ubuntu]
    end

    A1 -->|SSH:6000| B1
    A2 -->|SSH:6000| B1
    A3 -.->|HTTP| B2

    B1 -->|FRP隧道| C1
    B2 -.-> B1
    B3 -.-> B1
    B4 -.-> B1

    C1 --> C2
    C1 --> C3
    C1 --> C4

    style A1 fill:#e3f2fd
    style A2 fill:#e3f2fd
    style A3 fill:#e3f2fd
    style B1 fill:#fff3e0
    style B2 fill:#fce4ec
    style B3 fill:#f3e5f5
    style B4 fill:#e0f2f1
    style C1 fill:#e8f5e9
    style C2 fill:#fff8e1
    style C3 fill:#e0f7fa
    style C4 fill:#f1f8e9

时序图 #

sequenceDiagram
    participant U as 办公电脑
    participant S as 云服务器
    participant M as Mac Mini

    Note over U,M: SSH 连接流程
    U->>S: SSH 连接 (端口 6000)
    S->>M: FRP 隧道转发
    M->>M: 本地 SSH (端口 22)
    M-->>S: 响应返回
    S-->>U: 数据回传

    Note over U,M: VNC 远程桌面流程
    U->>S: 建立隧道 (-L 5900)
    S->>M: 转发 VNC 请求
    M->>M: 本地 VNC (端口 5900)
    M-->>S: 图像数据流
    S-->>U: 渲染显示

    Note over U,M: 心跳保活
    loop 每30秒
        M->>S: 心跳包
        S-->>M: ACK确认
    end

状态图 #

stateDiagram-v2
    [*] --> 离线

    离线 --> 连接中: 启动 frpc
    连接中 --> 在线: 握手成功
    连接中 --> 离线: 连接失败

    在线 --> 心跳中: 定时心跳
    心跳中 --> 在线: 心跳成功
    心跳中 --> 重连中: 超时3次

    重连中 --> 在线: 重连成功
    重连中 --> 离线: 重连失败

    在线 --> 离线: 停止 frpc

    note right of 在线
        服务正常运行
        可以接受连接
    end note

    note right of 重连中
        指数退避重试
        1s, 2s, 4s, 8s...
    end note

饼图 #

pie showData
    title 服务器资源分配
    "Web服务" : 30
    "数据库" : 25
    "缓存" : 20
    "日志" : 15
    "其他" : 10

甘特图 #

gantt
    title FRP 部署计划
    dateFormat  YYYY-MM-DD
    section 准备阶段
    购买服务器           :a1, 2024-01-01, 1d
    配置环境             :a2, after a1, 2d
    section 部署阶段
    安装 frps            :b1, after a2, 1d
    配置防火墙           :b2, after b1, 1d
    安装 frpc            :b3, after b1, 1d
    section 测试阶段
    SSH 连接测试         :c1, after b3, 1d
    VNC 功能测试         :c2, after c1, 1d
    压力测试             :c3, after c2, 2d

Python 代码 #

# 中文字符串测试
message = "你好,世界!"
users = ["张三", "李四", "王五"]

def greet(name):
    """中文文档字符串"""
    return f"你好,{name}!"

# 打印结果
for user in users:
    print(greet(user))

Shell 命令 #

# 中文注释
echo "测试开始"
ls -la /Users/测试用户/文档
# 查看文件内容
cat 配置文件.txt

6. 列表测试 #

无序列表 #

  • 项目一 - 中文测试
  • 项目二 - English Test
  • 项目三 - 混合 Testing
    • 子项目 A - Sub Item
    • 子项目 B - 子项测试
      • 三级项目 - Level 3

有序列表 #

  1. 第一步 - Step One
  2. 第二步 - Step Two
  3. 第三步 - Step Three
    1. 子步骤 A
    2. 子步骤 B

7. 数学公式测试 #

行内公式 #

$E = mc^2$ 测试 $a^2 + b^2 = c^2$

块级公式 #

$$ \int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} $$


8. 特殊字符测试 #

边框字符:│ ─ ━ ├ ┤ ┬ ┴ ┼ ═ ║ ╠ ╣ ╦ ╩ ╬
方框字符:┌ ┐ └ ┘ ╔ ╗ ╚ ╝ ╭ ╮ ╰ ╯
箭头字符:► ◄ ▲ ▼ ▶ ◀ ↔ ↕ ⇐ ⇒ ⇑ ⇓
其他符号:★ ☆ ◆ ◇ ○ ● □ ■

9. 嵌套测试 #

表格中的列表 #

功能 子功能 说明
功能 A - 子功能 A1
- 子功能 A2
说明 A
功能 B 1. 子功能 B1
2. 子功能 B2
说明 B

引用中的代码 #

这是一个引用

print("引用中的代码")
中文测试 print("中文")

引用继续…


10. 对齐验证 #

严格 2:1 比例测试 #

如果字体正确,以下应该完美对齐:

英文:12345678901234567890
中文:测试测试测试测试测试
混合:12 测试 34 测试 56 测试

表格列对齐 #

英文列 中文列 混合列
ABCDE 测试测试 A1 测试 B1
12345 中文中文 X 中文 Y
Hello 你好世界 Hi 你好

测试文档生成时间:2026-02-27

如果所有表格和 ASCII 图都对齐,说明字体配置正确!