> For the complete documentation index, see [llms.txt](https://docs.stylothemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylothemes.com/urdupress/customization/typography/sidebar-widgets.md). # Sidebar Widgets ### Widget Headings These settings apply to the **titles of widgets** (e.g., “Recent Posts”, “Categories”). * **Font Family:** *Markazi Text* * **Font Variant:** 700 (Bold) * **Font Size:** 24px * **Font Color:** Choose any color for widget headings. * **Text Align:** Right * **Text Transform:** None (you can change to uppercase, lowercase, or capitalize if preferred) * **Text Decoration:** None (underline, line-through, etc. can be applied) * **Line Height:** 30px * **Letter Spacing:** 0 *** ### Widget Content These settings apply to the **text inside widgets** (e.g., post titles, categories list, archive items). * **Font Family:** *Noto Nastaleeq* * **Font Variant:** Regular * **Font Size:** 14px * **Font Color:** Choose any color for widget text. * **Text Align:** Right * **Text Transform:** None * **Text Decoration:** None * **Line Height:** 32px * **Letter Spacing:** Default (0) ### Widget Content Customize the appearance of the actual widget content (e.g., list items, descriptions): * Same controls as “Widget Headings” — choose font family, size, color, alignment, and spacing. *** ### How Font Selection Works (Using Kirki Typography Control) When you open the Typography control in the Customizer: 1. **Font Family Dropdown** – Lists available fonts, including Google Fonts and system fonts. 2. **Live Preview** – As you change values (font family, size, etc.), you can see updates in real time. 3. **Performance Optimization** – Only activated fonts are loaded on your site, ensuring speed and efficiency. 4. **Single Panel Experience** – Kirki groups all typography options (font, size, spacing, color, alignment) into one clean control view .