logo
帮助文档/图层属性/文本属性/文本属性介绍

文本属性介绍

你可以通过修改文本属性对文本进行任何调整,包括改变文本的样式、更改文本的排列方式和大小等。

查看文本属性

你可以在右边栏的文本模块中查看和调整文本属性。

'有侧边栏.png'

  1. 1.点击 '16_panel_style.svg' 可以查看、创建和应用文本样式。
  2. 2.点击 '16_common_arrow-down.svg' 可以浏览云端和本地字体的列表,找到你需要的字体。
  3. 3.点击 '16_common_arrow-down.svg' 可以调整字重。
  4. 4.点击 '16_common_arrow-down.svg' 可以调整字号。
  5. 5.通过行高调整行之间的垂直距离。
  6. 6.通过字间距调整文本之间的水平距离。
  7. 7.通过段间距调整段落之间的垂直距离。
  8. 8.通过切换 '16_Panel_AutoWidthHorizontal.svg' '16_Panel_TextResizeHeight.svg' '16_Panel_TextResizeFixed.svg' 可以调整文本图层的响应方式。
  9. 9.调整文本的水平对齐方式。
  10. 10.调整文本的垂直对齐方式。
  11. 11.点击 '16_panel_more.svg' 打开文本设置面板,可以浏览更多的文本属性。

文本设置面板

你可以点击文本模块右下角的 '16_panel_more.svg' 打开文本设置面板。 '文本属性介绍 (1).png'

  • 响应类型:调整文本图层大小变化时文本的排列方式。
  • 水平对齐:调整文本的水平对齐方式。
  • 文字装饰:对文本添加删除线或下划线。
  • 列表样式:对文本添加有序列表或无序列表。
  • 大小写:调整文本中字母的大小写。
  • 文本省略:设置文本的溢出内容是否省略。

文本的基础属性

字体家族

字体是一组具有相似设计特征的字形集合。

字体家族是一个字体的多种样式组成,它们共同构成一个字体家族。例如,「思源宋体」字体家族包含常规、加粗、加粗斜体等多种不同样式的字体。

Motiff 妙多的默认字体是思源黑体。你可以通过字体选择器切换其他字体家族,或点击样式处的下拉菜单选择所选字体的样式。

字重

每一种字体都可以具有不同的样式和字重。在 Motiff 妙多文件中,字重的选择包括 Light、Normal、Regular、Medium、 Bold、Heavy 等。

选择字体家族后,你可以调整字重:

  • 点击 '16_common_arrow-down.svg' 可以浏览所选字体的所有样式。
  • 使用快捷键来增加或减少字重。
    • macOS:⌥ Option + ⌘ Command + <(更细)或 >(更粗)。
    • Windows:Ctrl + Alt + <(更细)或 >(更粗)。

字号

字号控制文本的大小,Motiff 妙多字号大小的单位是像素。

有以下几种方法可以调整字号:

  • 点击下拉菜单,选择默认的字号。
  • 在输入框中输入你想要的字号。
  • 使用快捷键:
    • macOS:⇧ Shift + ⌘ Command + <(更小)或 >(更大)。
    • Windows:Ctrl + Shift + <(更小)或 >(更大)

Motiff 妙多用几种不同的方式表示文本的大小。

如果要将设计转换为代码,那么屏幕分辨率将决定任何文本的实际大小。你可以在右边栏中查看任何文本的 CSS 像素值(px)。

如果要将设计导出为 PDF,Motiff 妙多将使用传统打印点(pt)渲染字体大小。

行高

你可以通过行高控制段落内文本行与行之间的垂直距离。

它同样影响着阅读文本的难易程度。较小的行高会使文本难以阅读,较大的行高会使文本看起来凌乱和脱节。

使用该字段调整文本行之间的垂直间距,或使用快捷键:

  • macOS:⇧ Shift + ⌥ Option + <(更小)或 >(更大)。
  • Windows:Ctrl + Shift + <(更小)或 >(更大)。

Motiff 妙多可以设置以像素(px)为单位的固定行高或设置以字体大小百分比(%)为单位的行高。

Motiff 妙多中文本的默认行高是自动(Auto)。你可以在固定线高和百分比行高之间切换,Motiff 妙多会为你将值转换为最接近的像素。

字间距

你可以通过字间距控制文字之间的间距,它影响着阅读文本的难易程度。

'16_Panel_LetterSpacing.svg' 后直接输入数值调整字间距,或使用快捷键:

  • macOS:⌥ Option + <(更小)或 >(更大)。
  • Windows:Ctrl + <(更小)或 >(更大)。

响应类型

当你调整文本图层大小时,文字内容有以下三种响应方式:

  • '16_Panel_AutoWidthHorizontal.svg' 自动宽度:文本图层的宽度随着文字内容的增加而增加。
  • '16_Panel_TextResizeHeight.svg' 自动高度:文本图层的高度会随着文字内容的增加而增加。
  • '16_Panel_TextResizeFixed.svg' 固定尺寸:无论增加或减少文字内容,文本图层的宽度和高度都将保持不变。

当你在创建文本图层后调整其大小,Motiff 妙多会将文本图层设置为「固定尺寸」。

对齐

水平对齐

对齐方式可以控制文本在边界框内如何排列,水平对齐方式定义文本沿 x 轴对齐。

左对齐文本通常用于段落文本,居中对齐的文本通常用于较短的文本行。

  • '16_Panel_TextAlignLeft.svg' 左对齐
  • '16_Panel_TextAlignCenter.svg' 居中对齐
  • '16_Panel_TextAlignRight.svg' 右对齐
  • '16_Panel_TextAlignJustified (2).svg' 两端对齐

「两端对齐」将每行文本中的第一个字符与最左边对齐,将最后一个字符与最右边对齐。 Motiff 妙多将每个文字、每个单词、每个字符统一分隔在一行两端对齐的文本中。

垂直对齐

对齐方式可以控制文本在边界框内如何排列,垂直对齐方式定义文本沿 y 轴对齐的方式。

  • '16_Panel_AlignTop.svg' 顶对齐
  • '16_Panel_AlignVerticalCenter.svg' 垂直居中对齐
  • '16_Panel_AlignBottom.svg' 底对齐

垂直对齐只对「固定尺寸」的文本图层生效。设置为「自动宽度」或「自动高度」的图层会忽略对齐方式。

文字装饰

你可以将文字装饰应用于整个文本图层或所选文本。

  • '16_Panel_TextDecorationStrikethrough.svg' 删除线
  • '16_Panel_TextDecorationUnderline.svg' 下划线

删除线

删除线会在文本中心添加一条水平线。

你可以使用删除线表示过时或不准确的信息。这样你可以传达这段文本描述的状态,而无需编辑或删除原始文本。

点击 '16_Panel_TextDecorationStrikethrough.svg' 对所选文本添加删除线或使用快捷键:

  • macOS:⇧ Shift + ⌘ Command + X
  • Windows:Ctrl + Shift + X

下划线

下划线会在文本下方添加一条水平线。

你可以使用下划线强调文本的特定部分,或表示这段文本包含链接。

点击 '16_Panel_TextDecorationUnderline.svg' 对所选文本添加下划线或使用快捷键:

  • macOS:⌘ Command + U
  • Windows:Ctrl + U

列表样式

你可以通过添加列表来组织和强调文件中的重要信息。

Motiff 妙多支持有序列表与无序列表。Motiff 妙多有序列表使用数字编号来区分不同层级,数字编号会在数字、字母、罗马数字之间轮换,无序列表通过不同缩进来区分不同层级。

更多信息详见使用有序列表和无序列表

字母大小写

  • '16_Panel_TextTransformUpper.svg' 大写:将文本内容转换为大写,例如 UPPER CASE
  • '16_Panel_TextTransformLower.svg' 小写:将文本内容转换为小写,例如 lower case
  • '16_Panel_TextTransformCapitalize.svg' 大小写:将每个单词的第一个字符转换为大写,例如 Title Case

文本省略

你可以设置文本的溢出内容是否省略。点击 '16_Panel_TextEllipsis.svg' 启用文本省略后,文本的末尾会出现省略号来表示被隐藏的溢出文本。

启用文本省略,且响应类型设置为「自动宽度」或「自动高度」时,文本设置面板会出现「最大行数」选项,你可以在此处设置文本显示的行数。

  • '16_Panel_TextEllipsis.svg' :对所选文本进行文本省略,超出文本边界框的文本将被隐藏。
  • '16_Desktop_WinMinimize.svg' :取消文本省略,超出文本边界框的文本将不再被隐藏。