网站搭建

文本样式 | 🛠️

详解 Cargo 平台中文本样式设置和排版技巧

Cargo 中文网用户福利

我们为中文用户整理了 Cargo 会员折扣购买方案,适合准备订阅或续费 Cargo 的用户。

查看 Cargo 会员优惠

页面文本的样式通过“文本样式 (Text Styles)”进行设置。大多数模板 (Templates) 都预设了四种样式:正文(Bodycopy)、一级标题 (Heading 1)、二级标题 (Heading 2) 和说明文字 (Caption)。您可以在此基础上添加任意数量的文本样式。

默认情况下,页面上的文本会按照正文 (Bodycopy) 样式显示。要使用其他样式,只需选中需要更改的文本,然后在顶部菜单栏中点击所需的文本样式名称。要编辑或添加文本样式,点击右侧菜单栏中的“Aa”图标,打开文本样式菜单;在这里您可以修改字体属性,并对现有样式进行编辑、复制或删除操作。如果需要添加或编辑界面中没有直接提供的属性,可以点击底部的“</>”图标。

文本样式菜单示例

文本选项

您也可以在不修改整体文本样式的情况下,对特定文本的属性进行局部修改。选中需要修改的文本,然后打开“文本选项 (Text Options)”菜单(顶部菜单栏中的“Tt”图标)。在这里,您可以进行基本的格式设置,如加粗 (Bold)、斜体 (Italic) 等,还可以调整颜色 (color)、字体大小 (font scale) 和行高 (line height)。

  • 提示: 要退出当前的样式(例如段落样式),快速按两次回车键即可。如果想在同一个文本样式内添加多行换行,请缓慢地按回车键。

列表

要将文本格式化为项目符号列表 (Bulleted List)、编号列表 (Numbered List),或应用“行分隔 (Lineated)”样式,请选中文本并打开“列表 (Lists)”菜单(顶部菜单栏中的项目符号列表图标)。“行分隔 (Lineated)”选项会在文本进行软换行时产生缩进,这种格式常见于诗歌排版。要修改这些列表选项的属性,打开 CSS 菜单(位于站点设置 (Site Settings) 底部的“</>”图标)并搜索 olulul.lineated

特效

文本样式菜单还提供了一些可应用的“特效 (Effects)”,如边框 (Border) 和阴影 (Drop Shadow)。编辑文本样式时,可以在更多选项 (More Options) 菜单中找到这些效果(注意:正文 (Bodycopy) 样式无法应用这些特效)。此外,还有一些特效可以局部应用于选中的文本:选中文本后打开特效菜单(在顶部菜单栏中),可以选择旋转 (Rotation)边框 (Border)阴影 (Drop Shadow)闪烁 (Blink)翻白眼 (Eyeroll)可拖拽 (Draggable) 等特效。想了解这些特效的详细信息,请点击此处

按钮

Cargo 提供了多种预设的按钮样式:打开“添加(Add)...”菜单,然后依次选择“更多 (More)...”和“按钮 (Button)...”。这些按钮样式相当于手动设置文本的边框 (Borders)背景 (Background)颜色 (Color) 等属性的快捷方式。如果在选中文字的情况下添加按钮,新按钮的样式会复制选中文字的文本样式。如果没有选中文字直接添加按钮,则新按钮的样式会复制正文 (Bodycopy) 的文本样式。

添加新字体

想了解如何在 Cargo 中添加新字体,请参考此页面

样本与模型

模板 (Templates) 页面有一个名为“样本与模型 (Samples & Specimens)”的部分,您可以在其中找到许多不同的字体样式和文本布局创意。您可以直接复制粘贴到您的网站中,作为灵感或起始点。

移动端设置

您可以在移动端预览 (Mobile Preview) 模式下更改不同文本样式的字体大小和颜色:进入移动端预览(顶部菜单栏中的手机图标),然后选择您想要更改的文本样式(切换移动端预览的键盘快捷键是 ⇧⌘X)。