Styles

The Styles page allows you to create and manage reusable text styles used inside the Text Library and the Editor.
Styles ensure consistent typography across documents and allow editors to apply predefined formatting quickly and accurately.

Purpose of Styles

Styles help you:

  • Maintain consistent formatting across all documents
  • Apply brand guidelines (fonts, colors, alignment)
  • Reduce manual formatting work
  • Provide editors with easy-to-use styling options
  • Create a clean hierarchy for headings, paragraphs, quotes, and lists

Styles Page Overview

Style List

The main list displays all existing styles, including:

  • Style name
  • Style type
  • A preview of how the style looks
  • Created/updated information

Each style entry includes actions:

  • Edit – Modify an existing style
  • Delete – Remove the style from future use

Create New Style

Click + New Style to open the style creation page.

Create New Style

Basic Information

Name (required)

Enter a clear, descriptive name such as “Title”, “Body Text”, or “Note”.

Type

Choose the type of style you want to create.
Available types:

  • Paragraph – Standard body text
  • Heading 1 – Primary heading
  • Heading 2 – Section heading
  • Heading 3 – Subsection heading
  • List – Text used inside lists
  • Quote – Quoted or highlighted text

Font Settings

Font Family

Select which font the style should use.

📝 Note: It is important to use fonts that are supported by the document engine.
You can get this information from your system administrator.

If needed, it is possible to retrieve a list of valid fonts directly from the document engine using the following REST API:

https://api.webeditor.metaforce.net/Development/getinfo

Example of response:

"Fonts": {
    "Fonts": {
        "@xmlns": "",
        "Typeface": [
            {
                "@Name": "Source Sans 3 ExtraLight",
                "@Points": "Vector",
                "Type": [
                    {
                        "@Style": "Normal",
                        "@TtfName": "C:\\Metahome\\Fonts\\Ttf\\SourceSans3-ExtraLight.ttf",
                        "@Weight": "Normal"
                    },
                    {
                        "@Style": "Italic",
                        "@TtfName": "C:\\Metahome\\Fonts\\Ttf\\SourceSans3-ExtraLightItalic.ttf",
                        "@Weight": "Normal"
                    }
                ]
            },
            {
                "@Name": "Source Sans 3 Light",
                "@Points": "Vector",
                "Type": [
                    {
                        "@Style": "Normal",
                        "@TtfName": "C:\\Metahome\\Fonts\\Ttf\\SourceSans3-Light.ttf",
                        "@Weight": "Normal"
                    },
                    {
                        "@Style": "Italic",
                        "@TtfName": "C:\\Metahome\\Fonts\\Ttf\\SourceSans3-LightItalic.ttf",
                        "@Weight": "Normal"
                    }
                ]
            }
        ]
    }
}

Font Size

Specify the size of the text (e.g., 12, 14, 18).

Text Color

Choose a color using the color picker or a hex value.
Colors can also be managed centrally through the Colors tab.

Formatting

Apply default formatting for the style:

  • Bold
  • Italic
  • Underline

Text Alignment

Choose the default alignment:

  • Left
  • Center
  • Right
  • Justified

Preview

A live preview updates automatically as you change style settings.
This allows you to see exactly how the style will look before saving it.


Saving the Style

Click Save Style to make it available in both:

  • The Text Library editor
  • The Centerpoint Editor

Once saved, the style appears in the Styles dropdown.


Editing a Style

To modify an existing style:

  1. Click the Edit icon
  2. Update the name, type, or any formatting settings
  3. Save changes

Changes will apply to newly formatted text but may not retroactively change existing content unless re-applied.


Deleting a Style

Deleting a style:

  • Removes it from the list
  • Prevents it from being used for future formatting

Best Practices

  • Keep names short and descriptive
  • Use consistent naming (e.g., “Heading 1”, “Paragraph”, “Quote”)
  • Avoid creating too many similar styles
  • Use Styles instead of manual formatting whenever possible
  • Create heading styles before creating large documents
  • Use the Colors tab to ensure consistent color use

  • Text Library
  • Groups
  • Table Styles
  • Colors
  • Using Styles in the Editor