页面文本的样式通过“文本样式 (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) 底部的“</>”图标)并搜索 ol、ul 或 ul.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)。