Who This Is For / When to Use
Use this feature if:
You want typography beyond the default blog fonts.
Your brand requires a specific font style.
You need to apply the same font consistently across blog content.
Access Your Blog Site
Go to Sites in the left navigation.
Select Blogs.
Open the blog site you want to edit.
Create or Edit a Blog Post
Click New Post to create a blog post, or
Select an existing post to edit.
Apply a Custom Font Using the Font Selector
Highlight the text you want to style.
Open the Font Family dropdown in the editor toolbar.
Select Custom Fonts.
Select a Custom Font
In the Custom Font popup, choose a font from the list.
Previously used fonts appear for quick reuse.
Confirm your selection to apply the font.
Save Your Changes
Click Save to apply the custom font to your blog post.
Add a Custom Font Using CSS Code
If the font you need is not available in the selector, you can add it using custom CSS.
Note: Coding knowledge is required. Kyrios does not provide custom font code or implementation support.
In the Blog Editor toolbar, click the Insert Custom Code icon.
Paste your CSS code into the editor.
Click Insert Code.
Example: Using @font-face
Use the @font-face rule to load a custom font from an external source.
<style>
@font-face {
font-family: 'Festive';
}
* {
font-family: 'Festive', cursive;
}
</style>
Outlook Compatibility Note
Outlook 2007, 2010, and 2017 do not support @font-face unless it is wrapped inside a @media rule.
Reusing Custom Fonts with Custom Values
To reuse a custom font:
Save the font CSS as a custom value.
Apply the custom value wherever needed in the blog.
This ensures consistent typography across posts.
Common Issues and Fixes
Font not appearing: Verify the font URL and CSS syntax.
Font resets after refresh: Ensure the code was inserted and saved.
Inconsistent fonts: Apply the font globally using the
*selector or custom values.
FAQ
How do I save a custom font after selecting it?
After selecting a custom font, click Save to apply it to your blog post.
Can I reuse a custom font across my blog?
Yes. You can save the font code as a custom value and reuse it.
What is the @font-face rule?
It allows you to load and use fonts that are not installed on a user’s device.
Can I use multiple custom fonts in one blog?
Yes. Add multiple @font-face rules and apply different font-family values.
What should I do if the font does not display?
Check the CSS for errors, confirm the font URL is accessible, and refresh the editor.
Do I need a developer to use custom fonts?
If you are not comfortable with CSS, a developer may be required to implement custom fonts correctly.
Where can I find custom fonts?
You can use providers like Google Fonts or Adobe Fonts, or your own licensed font files.