Astra 主题字体预设与排版设置详解

Astra 主题提供了功能强大的排版设置,包括一键应用的字体预设(Typography Presets)和详细的自定义字体选项。通过这些设置,可以快速统一站点字体风格,也可以灵活调整不同元素的文字样式,提升整体视觉表现。

图片[1]-Astra 主题字体设置与预设功能详解:快速统一排版风格

字体预设功能(Typography Presets)

什么是字体预设?

字体预设是由 Astra 专业设计团队配置的排版组合。每组预设包含以下字体属性:

  • 字体家族(Font Family)
  • 字重(Weight)
  • 字号(Size)
  • 行高(Line Height)
  • 字体转换(Text Transform)

应用预设后,站点中的正文、标题等文本会统一为该预设样式,同时更新自定义器中的相关设置。

使用步骤:

  • 进入 WordPress 后台
图片[2]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 路径:外观 > 自定义 > 全局 > Typography
图片[3]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 选择一个预设,点击后立即生效
图片[4]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 可在预设基础上继续修改字体属性
图片[5]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 完成后点击发布按钮保存设置
图片[6]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 若需恢复初始状态,可使用“重置”图标
图片[7]-Astra 主题字体设置与预设功能详解:快速统一排版风格

字体预设能节省大量调试时间,让排版设置变得更加高效和直观。

自定义字体设置功能

Astra Typography 模块支持为“正文”和“标题”分别设置不同的字体参数,适配更多排版需求。

正文字体设置内容包括:

  • 字体家族:支持所有 Google Fonts
图片[8]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 字重:多种权重选项
  • 字号:滑块拖动或手动输入像素值
  • 行高:调整行间距
  • 字体转换:首字母大写、全大写、小写
  • 多字体变体支持(Google 字体专属)

标题字体设置:

图片[9]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 可统一设置所有标题(H1~H6)样式
  • 也可分别为不同级别标题设置不同字体
  • 支持相同的字体属性(家族、大小、字重等)

其他排版增强选项

段落底部间距

  • 控制段落之间的间距
  • 使用滑块或直接输入像素值设置

链接下划线开关

图片[10]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • 启用后,站点内所有链接将自动添加下划线
  • 可用于增强可点击区域的识别度

总结

Astra 的排版功能既提供快速的预设应用,也支持详细的手动调整,适合不同层级的建站者使用。当你快速构建统一风格的页面,需要对细节进行精准控制,都能在 Typography 设置中实现目标。建议根据站点内容结构选择合适的排版方案,让你的页面更具视觉层次和阅读性。

最近更新


联系我们
教程看不懂?联系我们为您免费解答!免费助力个人,小企站点!
客服微信
客服微信
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:贼将鼠胆
THE END
喜欢就支持一下吧
点赞235 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容