Astra The theme provides a powerfultypographicalsettings, including the one-click application of
![图片[1]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101115641-image.png)
Typography Presets
What are font presets?
The font presets are created by the Astra Typographic combinations configured by a professional design team. Each set of presets contains the following font attributes:
- Font Family
- Word weight (Weight)
- Font size (Size)
- Line Height
- Text Transform
Body text in the site after applying the preset,captionetc. text will be unified to that preset style, while updating the relevant settings in the customizer.
Steps to use:
- Go to the WordPress backend
![图片[2]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101556491-image.png)
- Path: Appearance > Customize > Global > Typography
![图片[3]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101344841-image.png)
- Select a preset that takes effect immediately upon clicking
![图片[4]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101451832-image.png)
- Font attributes can be further modified on a preset basis
![图片[5]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101445865-image.png)
- Click the Publish button to save the settings when you're done
![图片[6]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101435838-image.png)
- To restore the initial state, use the "Reset" icon.
![图片[7]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101429694-image.png)
Font presets save a lot of debugging time and make typography setup more efficient and intuitive.
Customized font setting function
Astra The Typography module supports setting different font parameters for "Body" and "Headline", which is suitable for more typesetting needs.
The body font settings include:
- Font Families: All Google Fonts are supported
![图片[8]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101705204-image.png)
- Word weights: multiple weighting options
- Font size: slider drag or manually enter pixel values
- Row height: adjusts the rowspacing
- Font Conversion: Initial Capitals, All Capitals, Lowercase
- Multi-font variant support (exclusive to Google Fonts)
Title font settings:
![图片[9]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101638171-image.png)
- Uniformly set the style of all headings (H1~H6)
- Different fonts can also be set for different levels of headings respectively
- Support for the same font properties (family, size, weight, etc.)
Other Typographic Enhancement Options
Spacing at the bottom of paragraphs
- Control spacing between paragraphs
- Use sliders or directly enter pixel value settings
Link Underline Switch
![图片[10]-Astra 主题字体设置与预设功能详解:快速统一排版风格](https://www.361sale.com/wp-content/uploads/2025/04/20250416101629620-image.png)
- When enabled, all links within the site will be automatically underlined
- Can be used to enhance the recognition of clickable areas
summarize
Astra The typography features offer both quick preset application and support for detailed manual adjustments for different levels of site builders. When you're quickly building a unified style ofweb pageIf you need to have precise control over details, you can achieve your goal in Typography settings. It is recommended to choose the appropriate typography scheme according to the content structure of the site, so that your pages are more visually hierarchical and readable.
Recent Updates
Link to this article:https://www.361sale.com/en/50327/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments