# 2-1


## 字体测试


Maple Mono 代码字体测试
- 官网 https://font.subf.dev/zh-cn/
- 测试 https://font.subf.dev/zh-cn/playground/

`[TODO]` `!==` `<=>==<==>=` `Some text`


```txt{open=true}
----------------中英文2:1---------------
|ab|cd|ef|gh|ij|kl|mn|op|qr|st|uv|wx|yz|
|A0|1!|2@|3#|4$|5%|6^|7&|8*|9(|0)|=+|[]|
|这|应|该|是|中|英|文|完|美|的|2:|1等距|
(前提是加载了 Maple Mono 中文字体)

Maple Mono, smooth your coding flow

abcdefghijklmnopqrstuvwxyz

~!@#$%^&* {} [] () I1l O0o

!== \\ <= #{ -> ~@ |> 0x12

|=>==<==>=|======|===|===>

<---|--|--------|-<->--<-|

[INFO] todo)) fixme))

Input your text here.
```
<div x-data="{ resize() { 
  $refs.textarea.style.height = 'auto';
  $refs.textarea.style.height = $refs.textarea.scrollHeight + 'px';
} }" class="flex flex-col gap-2 border p-2 rounded">
  <textarea
    name="message"
    x-ref="textarea"
    x-on:input="resize"
    x-init="resize()"
    rows="1"
    placeholder="Input your text here..."
    class="w-full rounded language bg-background"
    style="min-height: 100px;outline: none;"
  ></textarea>
</div>

## MIDI

{{<midi>}}