Quarkly Docs, ёпта
Text styles
Initializing search
    GitHub
    GitHub
    • Welcome to quarkly
    • Getting started
    • How tos
      • Faqs
      • Faq components
      • Faq other
      • Interface
      • Component
      • Dashboard
      • Delete project
      • New project
      • Open project
      • Remove project
      • Restore project
      • Help button
      • Shortcuts
      • Topbar
      • Account settings
      • Preview
      • Publish
      • Destination
      • Domain name
      • Ing to netlify
      • Structure
      • Share project
      • Work area
      • Adding
      • Catalog
      • Components
      • Primitives
      • Box
      • Button
      • Hr
      • Icon
      • Image
      • Input
      • Link primitive
      • List
      • Section
      • Text
      • Code editor
      • How to add breakpoints styles
      • How to add components
      • How to add props
      • How to add states
      • Context menu
      • Edit
      • Page
      • Pages and layers
      • Project settings
      • Custom code
      • Link
      • Meta
      • Script
      • Style
      • General
      • Seo
      • Styles
      • Props panel
      • Selection
      • Theme
      • Bg styles
      • Breakpoint
      • Color styles
      • Filters
      • Shadows
      • Text styles
      • Transforms
      • Transitions
      • View bar
      • Breakpoints
      • Page resolution
      • Presets
      • Zoom
    • Resources
    • Tutorials

    Text styles

    Text style

    Text style is a set of the following properties:

    • Family, font family.

    • Size, text size.

    • Line height, line spacing.

    • Weight, boldness of the font.

    • Style, font outline (normal, italic, oblique).

    • Variant, lowercase character variants.

    To add a text style to the theme, click on the “+” icon in front of the category.

    To apply the text style from the theme to an element, go to the Typography section on the Styles panel, click on the

    icon next to the Font property and select the text style you want.

    Configuring the code

    Previous Shadows
    Next Transforms
    © 2019 peaceiris
    Made with Material for MkDocs