LunaTalk HTML 文字样式——颜色、大小、加粗、斜体、标题
基础标签一览
<b>加粗文字</b>
<i>斜体文字</i>
<u>下划线文字</u>
<s>删除线文字</s>
<strong>语义化加粗(同 b)</strong>
<em>语义化斜体(同 i)</em>
渲染效果:加粗 / *斜体* / <u>下划线</u> / ~~删除线~~
颜色标签
<font> 标签是 LunaTalk 里最常用的颜色设置方式:
<font color="red">红色文字</font>
<font color="#FF00FF">玫红色文字(色码)</font>
<font color="blue" size="5">蓝色大字</font>
<font> 标签可以同时设置颜色和大小。size 参数范围 1~7,数字越大字越大(7 最大)。
颜色用色名还是色码
- 色名(如 red、blue、pink、lightblue、darkblue):跨浏览器/渲染器兼容性更好,推荐优先用
- 色码(如 #FF0000、#00FF00):当你需要精确颜色时才用,比如你想要特定品牌色
常用色名参考:
| 色名 | 适用场景 |
|---|---|
| blue | 对话文字(帮助文档推荐) |
| pink | 内心独白(帮助文档推荐) |
| darkblue | 表格文字、按钮文字 |
| lightblue | 表格背景、按钮背景 |
| red | 强调、警告、关键提示 |
| black | 正文默认 |
| gray | 次要信息、灰色小字 |
内联样式 <span style="...">
<font> 只能设颜色和大小,更复杂的样式需要用 <span> + style:
<span style="color: blue; font-size: 20px;">蓝色 20px 字</span>
<span style="color: darkblue; font-weight: bold;">深蓝色加粗</span>
注意:LunaTalk 不支持独立 <style> 块——所有样式必须写在 style="" 属性里内联使用。
标题层级 <h1>~<h6>
<h1>最大标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
...
<h6>最小标题</h6>
LunaTalk 会自动用不同大小渲染各层级标题。适合在互动剧情里分章节、分段落。
文字样式在角色卡里的典型用法
用法一:对话 vs 内心独白分色
<font color="blue"><b>"你来了。"</b></font>
<font color="pink"><i>(心里嘀咕这人怎么又来了)</i></font>
效果:"你来了。"(蓝色加粗)+ *(心里嘀咕这人怎么又来了)*(粉色斜体)
用法二:不同角色用不同颜色
互动剧情类角色卡里,AI 可能要扮演多个 NPC。可以用颜色区分不同角色的对话:
<font color="blue"><b>[艾莉娅]</b>"你怎么会在这里?"</font>
<font color="darkgreen"><b>[老村长]</b>"这是本村的禁地……"</font>
<font color="purple"><b>[神秘声音]</b>"……找到我了。"</font>
用法三:状态提示用醒目颜色
<font color="red">⚠ 灵力不足,无法使用技能!</font>
<font color="orange">⚡ 发现奇遇选项,你获得了一本功法!</font>
常见坑
| 坑 | 解决 |
|---|---|
<font> 标签没闭合,后面的文字全变色 | 每次写 <font color="..."> 就立刻写 </font> |
| 色码写错(比如少一位)导致 LunaTalk 识别失败 | 优先用色名,或严格按 #RRGGBB 格式写 |
<span style="..."> 里分号漏写 | 样式属性之间用分号分隔,最后一个可以不写但写上更保险 |
| 套了太多层标签(加粗+斜体+颜色+大小全加) | 控制在 2~3 层内,过多嵌套可能导致渲染异常 |