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:
- Click the Edit icon
- Update the name, type, or any formatting settings
- 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
Related Documentation
- Text Library
- Groups
- Table Styles
- Colors
- Using Styles in the Editor