600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体 大小 颜色 样式...

js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体 大小 颜色 样式...

时间:2021-06-05 04:12:16

相关推荐

js点击按钮改变字体大小并给他颜色_如何在Elementor中修改文本的字体 大小 颜色 样式...

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

原文首发于:/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教程,请见:/elementor-tutorial/

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

推荐阅读

B2B外贸建站的终极教程

外贸建站需要注意什么?(4300字经验谈)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。