1. Title Typography #
Controls the main post title in blocks (Grid, Hero, List, Tile, etc.).
Options:
- Font Family: Choose from all available fonts installed or provided by WordPress.
- Font Weight: Options like Regular, Medium, Bold, or 100–900 depending on the font.
- Font Size: Set the size in pixels (px), em, or rem units.
- Line Height: Adjust spacing between lines of the title for readability.
💡 Tip: Larger font sizes and proper line height work best for Hero Banners and Featured posts.
2. Category Typography #
Controls the appearance of post categories displayed above or below titles.
Options:
- Font Family: Separate from the title for a distinct style.
- Font Weight: Typically lighter than the title to maintain hierarchy.
- Font Size: Slightly smaller than the title, e.g., 12–16px.
Recommended: Use uppercase or bold styles to make category labels stand out subtly.
3. Meta Typography #
Applies to post metadata such as:
- Author Name
- Publication Date
- Comment Count
Options:
- Font Family: Can match or differ from title/category for visual distinction.
- Font Weight: Usually Regular or Light for subtlety.
- Font Size: Smaller than title, e.g., 10–14px, for a clean hierarchy.
Best Practices #
- Keep typography consistent across similar block types for professional design.
- Use contrasting font weights between Title → Category → Meta to create hierarchy.
- Ensure line height supports readability on both desktop and mobile.
- Combine with Block Settings (like Featured Image, Gutter, and Box Shadow) to create visually balanced post layouts.
If you want, I can create a complete Typography Settings Table for BlockSpare showing default values and recommended ranges for Title, Category, and Meta for all post blocks. This can be used as a ready-to-reference guide for users.
