Journal Theme allows users to upload custom fonts to match their brand’s design. However, at times, custom fonts don’t load properly, appear broken, or revert to default fonts. This issue is often due to incorrect font file paths, unsupported font formats, or missing configuration in the theme settings.
To fix custom fonts not loading in the Journal Theme, follow these steps:
.woff
,.woff2
,.ttf
, or.otf
..woff
if it’s not supported using online tools like Font Squirrel.Admin > Journal > Theme Editor > Fonts
.Journal > Theme Editor > Typography
.@font-face
rule in theCustom CSS
section:@font-face {
font-family: 'MyCustomFont';
src: url('catalog/view/theme/yourtheme/fonts/mycustomfont.woff2') format('woff2'),
url('catalog/view/theme/yourtheme/fonts/mycustomfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'MyCustomFont', sans-serif;
}
Admin > Dashboard > Developer Settings
.Final Comment
We hope these steps help you resolve custom font issues in your Journal Theme! If the problem persists, reach out to your hosting provider or the Journal Theme support team for further assistance. Thanks for reading! 😊