Knowledge Base Parta.io
  • Go to Parta.io
  • Parta.io
    • Knowledge Base
  • 🚀Start Here
    • Create Account
    • Home Dashboard Overview
      • Parta.io Functionality
      • Profile Settings
    • Glossary
  • ✍️COURSE BUILDER
    • Course Menu Overview
    • Build a Course
      • Create a Course
      • Create a Course Structure
      • Edit a Course Structure
    • Edit Project Sections
      • Edit Cover
      • Edit Contents page
      • Edit Quiz
        • Create quiz
        • Create quiz in content page
        • Add feedback
      • Move Sections between Courses
    • Edit Project Blocks
      • Add Blocks
      • Block Actions and Settings
    • Interact with Resources
      • Actions with Resources
    • Customize Block Elements
      • How to Use Simple Elements
        • Rich-text
        • Image
        • Video
        • Audio
        • File
        • Divider
        • Link
        • Button
        • Embedded code
      • How to Use Complex Elements
        • Table
        • Lists
        • Charts
        • Accordion
        • Active labels
        • Slider
        • Tabs
        • Slide reveal
        • Grouping
        • Card
        • Complex list
        • Simulations
    • Course translation
      • Localize a course manually
      • AI-Powered Translation
      • Connect Integration to Phrase
      • Translate projects with Phrase
      • Manage translations
  • 🖌️NO-CODE EDITOR
    • Create a unique block design
      • Basic entities: root, row, column, element, absolute
      • Basic entities settings
      • Add columns and elements to blocks
      • Add background layers using Absolute
    • Customize advanced element settings
      • "Grid" tab
      • "Element" tab
      • "Data" tab
    • Customize content for various screens
    • Actions with elements in Pro mode
  • 📝CUSTOM TEMPLATES
    • Create and Save Templates
    • Organize Templates into Collections
  • 🎨BRANDING
    • Branding Overview
    • Create Branding Theme
    • Apply Branding Theme
    • Actions with Branding Themes
    • Change Branding Theme in specific course
    • Upload own Fonts
  • 🤝COLLABORATION
    • Real-time Collaboration Overview
    • Invite Colleages to Collaborate within Course
    • Lock Sections from Editing
    • Manage Comments and Discussion
    • Navigate Version History
  • 🔎REVIEW
    • Create Public Link for Reviewing
    • Create Public Link for Commenting
    • Hide Sections before Sharing
  • 🗃️SHARED STORAGE
    • Resource Types, Storage Types
    • Organize Projects and Resources into Folders
    • Share within one company
    • Share outside company
  • 📅TASK MANAGEMENT
    • Create tasks
    • Track Projects Progress
    • Actions with Tasks
  • 🏢WORKSPACE MANAGEMENT
    • Set up Company Settings
      • Single Sign-on (SSO)
        • Set up SSO in Parta.io
    • Manage Company Users
    • Create Company Subaccounts
  • 📤Export
    • Export Courses
      • Export to LMS
      • Export PDF
    • Exclude Course Sections from Export
    • Navigate Export History
    • Update Courses in LMS
    • Debug Courses
    • Integration with LMS
  • 🔑Hot Keys
    • Keyboard shortcuts in Parta.io
  • ❓FAQ
    • How to change the number of attempts in the quiz
    • How to manage tasks
    • How to restore a deleted block
    • How to add a template to Favorites
    • How to attach a SCORM package in the Parta.io course
    • How to add a user to only one project
    • How to restrict course navigation for students
    • How to create a perfect Image Template
  • 🎨Branding management
    • Introduction
    • Create branding
      • Theme
        • Color scheme
        • Border and shadow
        • Logo
      • Typography and fonts
        • Add your custom fonts
        • Responsive design
      • Section
        • Header
        • Side panel
        • Section paddings
        • Test progress
        • Margins within the quiz
        • Answer feedback
        • Navigation buttons
        • Modal windows
      • Elements
        • Image
        • Audio
        • Video
        • List
        • Button
        • Divider
        • Table
        • Figure
        • Active labels
        • Card
        • Tabs
        • Accordion
        • Slider
        • Grouping
        • Slide reveal
        • Chart
        • File
        • Link
        • Simulations
        • Contents
        • Progress bar
        • Single choice
        • Multiple choice
        • Order
        • Mapping
        • Keyboard input
        • Image hotspot
        • Feedback
        • Quiz progress
        • Quiz description
        • Quiz status
    • Manage branding
    • Rebranding
Powered by GitBook
On this page

Was this helpful?

  1. Branding management
  2. Create branding

Typography and fonts

PreviousLogoNextAdd your custom fonts

Last updated 12 days ago

Was this helpful?

Use the Typography tab to customize the look of your text across courses on different devices. Configure the following text styles: , , , , , and .

You can further customize typography with the help of rich-text options on the tab. For example, you can adjust typography in components like Cards, Buttons, or Accordions.

Common styling properties

Property
Description

Font

Use the dropdown menu to choose fonts.

Style

Size

Use the dropdown to select different text sizes.

Line spacing

Adjust via the dropdown for tighter or looser text layout.

Color

Click the color swatch to access your branding colors or the palette for alternative options.

Basic

Basic text is used as the primary style for conveying information. This style is suitable for the main body of content, providing clear and readable text.

Headings

Configure headings to establish visual hierarchy in your content, making it easier for readers to navigate your document and understand its structure. The following parameters apply to all heading levels (Heading 1–Heading 4).

Caption

Captions are used for brief explanations or labels for images, graphs, and other visual elements, ensuring that they are interpreted correctly.

List

Lists help organize information in a structured format, making content more scannable and easier to digest. Use numbered lists for sequential steps and bulleted lists for non-sequential items.

Property
Description

Font

Style

Interval

Set the value to adjust the vertical spacing between list items.

Spacing between

Set the spacing value to control the space between the list marker and text.

Color

Click the color swatch to access your branding colors or the palette for alternative options.

Quote

Quotes help to break up large amounts of monotonous text and highlight important thoughts or definitions. Use them to emphasize key information or add credibility through cited sources.

Property
Description

Font

Style

Line spacing

Adjust via the dropdown for tighter or looser text layout.

Color

Click the color swatch to access your branding colors or the palette for alternative options.

Delimiter

Choose the color for the vertical line marking the quote.

Link

Links navigate to related content, allowing users to access additional information or resources. Use them to create interactive documents and improve navigation throughout your content.

Property
Description

Font

Style

Color

Click the color swatch to access your branding colors or the palette for alternative options.

Underline

Choose "Yes" or "No" to determine whether links should be underlined.

Hover color

Select the color that appears when users hover over links.

If you have a specific font that is not default in Parta, you can add it under Fonts. For details, see .

Select from available font weights via the dropdown menu. Click the italic icon to apply italic formatting.

For details on how to configure Basic style, see .

For details on how to configure Heading styles, see .

For details on how to configure Caption style, see .

Font settings are inherited from .

Select from available font weights via the dropdown menu. Click the italic icon to apply italic formatting.

Font settings are inherited from .

Select from available font weights via the dropdown menu. Click the italic icon to apply italic formatting.

Font settings are inherited from .

Select from available font weights via the dropdown menu. Click the italic icon to apply italic formatting.

🎨
Common styling properties
Common styling properties
Common styling properties
Add your custom fonts
Basic
Basic
Basic
Elements
Basic
Heading 1–4
Caption
List
Quote
Link