如何在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,不然会显得拥挤
-
字母间距:表示字母与字母之间的距离
-
当你想将以上任一设置恢复默认,可以选回默认选项,若是输入的数值,可直接将数值清空即可。
通常,针对大部分元素的文本,我都建议使用“theme style”功能进行全局设置,当你制作页面时,新增的任意元素都会默认调用这个全局设置,如果逐个定义页面上的每个元素,工作量可想而知的不小。针对个别装饰美化用途的元素,他们的文本可以用上述功能进行设置。
更多Elementor教程,请见:https://loyseo.com/elementor-tutorial/
本文原文由LOYSEO 发布,LOYSEO专注于WordPress、Elementor、外贸建站教程。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)