webpixels
LoginGet full access
BlocksScreensDocsFAQsBlogStudio
LoginGet full access
Getting Started
  • Introduction
  • Installation
  • Configuration
  • Optimize
Guides
  • Vite
  • Parcel
  • Laravel
Styleguide
  • Colors
  • Typography
Utilities
  • Overview
  • Border
  • Background
  • Gradients
  • Effects
  • Flex
  • Interactions
  • Sizing
  • Spacing
  • Text
  • Transform
  • Transitions
Plugins
  • Charts

Typography

Documentation and examples for typography, including global settings, headings, body text, lists, and more.

On this page
  • Adding a new font family
  • Google Fonts
  • Manually installed fonts
  • Applying fonts
  • Sans serif (Base Font)
  • Serif
  • Monospace
  • Display font
  • Using typography
webpixels

The fastest way to build production-ready websites and apps.

TermsPrivacyCookies
Webpixels
  • Home
  • Pricing
  • AffiliatesEarn 25%
  • UI Blocks
  • Screens & Pages
  • Blog
Help & Support
  • FAQs
  • GitHub Issues
  • Customer Support
  • Work with UsNew
Resources
  • Documentation
  • Installation
  • Colors
  • Typography
  • Utilities
UI Blocks & Screens
  • Base Components
  • Application Screens
  • Dashboard Examples
  • Authentication Screens
  • Listing Screens
  • Project & Task Screens
  • Landing Pages

© 2026Webpixels