Astra Theme Font Presets and Typography Settings in Detail

Astra The theme provides a powerfultypographicalsettings, including the one-click application ofFont Presets(Typography Presets) and detailed custom font options. Through these settings, you can quickly standardize the font style of the site, and also flexibly adjust the text style of different elements to improve the overall visual performance.

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

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 主题字体设置与预设功能详解:快速统一排版风格
  • Path: Appearance > Customize > Global > Typography
图片[3]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • Select a preset that takes effect immediately upon clicking
图片[4]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • Font attributes can be further modified on a preset basis
图片[5]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • Click the Publish button to save the settings when you're done
图片[6]-Astra 主题字体设置与预设功能详解:快速统一排版风格
  • To restore the initial state, use the "Reset" icon.
图片[7]-Astra 主题字体设置与预设功能详解:快速统一排版风格

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 主题字体设置与预设功能详解:快速统一排版风格
  • 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 主题字体设置与预设功能详解:快速统一排版风格
  • 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 主题字体设置与预设功能详解:快速统一排版风格
  • 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


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos235 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments