如何在Elementor中修改文本的字体、大小、颜色、样式

本文将介绍Elementor网页编辑器中如何修改文本的字体、大小、颜色和样式。

原文首发于:https://loyseo.com/how-to-change-font-size-color-family-style-in-elementor-page-builder/

许多Elementor元素都提供了编辑文本的字体、大小、颜色和样式的功能。这些设计选项位于元素的“ 样式”/style选项卡中。

通常,见下方图片,当你编辑一个元素时,在它的样式栏中能找到文本的排版设置,点击笔状图标,就可以打开对应文本的设计编辑器,当笔图标为蓝色时,说明当前有自定义的样式,若想恢复默认,点击旁白你的刷新按钮。

  • 字形系列:表示字体,这里的字体都是免费可用的,放心用

  • 尺寸:表示字体大小,字体大小的单位有px、em、rem、vw,其中px和em用的比较多,英文正文字体建议在15px

  • 重量:表示字体的粗细,bold表示加粗,也有100,200,300这种数量表示粗细的方式,数字越大越粗。

  • 转换:用于调整文本的首字母,譬如是首字母大写、首字母小写、全部大写、全部小写

  • 样式:当你想设置斜体字时,就用到它了。

  • 装饰:如果你想给字体设置下划线或删除线时,就用到它了

  • 行高:表示一行文字的高度,通常用EM来定义,建议正文不要小于1.6em,不然会显得拥挤

  • 字母间距:表示字母与字母之间的距离

  • 当你想将以上任一设置恢复默认,可以选回默认选项,若是输入的数值,可直接将数值清空即可。

elementor-text-style

通常,针对大部分元素的文本,我都建议使用“theme style”功能进行全局设置,当你制作页面时,新增的任意元素都会默认调用这个全局设置,如果逐个定义页面上的每个元素,工作量可想而知的不小。针对个别装饰美化用途的元素,他们的文本可以用上述功能进行设置。
更多Elementor教程,请见:https://loyseo.com/elementor-tutorial/

本文原文由LOYSEO 发布,LOYSEO专注于WordPress、Elementor、外贸建站教程。

推荐阅读

2020年B2B外贸建站的终极教程
2020年外贸建站需要注意什么?(4300字经验谈)

posted @ 2020-09-10 18:17  桜丸子  阅读(5930)  评论(0编辑  收藏  举报