更改字体大小、颜色、字体和样式

Estimated reading: 2 minutes 14 views

Change font size, color, family & style in Elementor website builder

Elementor 的小工具为自定义文本提供了广泛的功能,包括字体大小、颜色、字体和样式。这些选项通常位于小工具的“样式”标签中。以下是如何调整这些设置的方法:

Many Elementor Widgets offer the ability to edit text color and typography settings. These design options are generally located in the widgets’ Style tab.

Change font typography

更改字体排版

  1. 访问排版设置:
    • 打开小工具设置并转到样式标签。
    • 定位到排版部分。
  2. 选择字体特性:
    • 点击排版旁的铅笔图标打开排版菜单。
    • 字体家族(Family): 使用下拉菜单选择您的字体家族。如果您知道字体名称,可以直接在下拉菜单顶部的搜索框中输入。
    • 大小(Size): 使用滑块调整字体大小。
    • 其他特性: 使用额外的滑块和下拉菜单设置字体粗细、样式、行高、字母间距和文本变换。
  3. 使用全局字体:
    • 为了整个网站的一致性,点击地球图标选择一个预设的全局字体。

To change font characteristics:

  1. In the panel, locate the Typography field.
    Locate the typography field Change font size, color, family & style in Elementor website builder 1
    The typography field is usually in the Style tab.
    Click the typography globe icon Change font size, color, family & style in Elementor website builder 3
  2. If you want to select one of the preset global fonts, click the globe global font icon Change font size, color, family & style in Elementor website builder 5 icon.
    For details about global fonts, see View and edit global fonts.
    Click the pencil icon Change font size, color, family & style in Elementor website builder 7
  3. If you want to select a font from among the entire range of fonts, click the pencil icon Pencil icon 2 Change font size, color, family & style in Elementor website builder 9 .
    The typography menu Change font size, color, family & style in Elementor website builder 11
    The Typography menu opens.
    Use the famuly dropsdown menu to select what fiot type 1 Change font size, color, family & style in Elementor website builder 13
  4. Use the Family dropdown menu to choose what type of font you want to use.
    If you know the name of the font family, you can enter it in the text box at the top of the dropdown menu.
    Use the Size slider Change font size, color, family & style in Elementor website builder 15
  5. Use the Size slider to set how big you want the font.
    Use the sliders Change font size, color, family & style in Elementor website builder 17
    To learn more about the different measurement systems, check out Units of measurement.
  6. Use the other sliders and dropdown menu to set the other font characteristics.
    For details about the different typography characteristics you can choose from, see Typography.

Change font color

更改字体颜色

  1. 访问文本颜色设置:
    • 在样式标签中找到文本颜色字段。
  2. 选择颜色:
    • 点击颜色样本打开颜色选择器,在那里您可以选择特定的颜色。
    • 为了保持一致性,点击全球颜色图标从全球颜色中选择。
  1. In the panel, locate the Text Color field.
    Select text color Change font size, color, family & style in Elementor website builder 19
    The Text Color field is usually in the Style tab.
    Select the global color icon Change font size, color, family & style in Elementor website builder 21
  2. To select one of the preset global colors, click the globe icon and select one of the global colors.
    For details, see View and edit Global Colors.
    click the color swatch Change font size, color, family & style in Elementor website builder 23
  3. To select a text color from the entire range of colors, click the color swatch Color swatch Change font size, color, family & style in Elementor website builder 25.
    For details about using the color picker, see Pick a color.
    The text color is changed.

额外提示

  • 全局设置: 使用全局字体和颜色进行的调整有助于保持所有页面的一致外观,并且可以轻松地进行全站更新。
  • 响应式设置: 使用 Elementor 的响应式编辑工具检查您的排版更改在不同设备(桌面、平板、手机)上的外观。
  • 高级排版选项: 对于高级排版,如文本阴影或文本描边,请在排版菜单下查找额外的设置。

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

更改字体大小、颜色、字体和样式

Or copy link

CONTENTS