Hello,
I am using the EventON plugin on my WordPress website, but I am experiencing an issue with the font on event cards. Despite setting the font to Open Sans and uploading it locally, the event cards fallback to Arial instead.
Hereโs what I have tried so far:
Ensured the font is correctly uploaded and embedded
The Open Sans font files (ttf) are uploaded to /wp-content/uploads/fonts/.
I have added the following @font-face CSS rule:
@font-face {
font-family: ‘Open Sans’;
src: url(‘/wp-content/uploads/fonts/OpenSans-Regular.woff2’) format(‘woff2’),
url(‘/wp-content/uploads/fonts/OpenSans-Regular.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}
Checked EventON settings
Under EventON > Settings > Appearance, I set Open Sans as the primary and secondary calendar font.
Added custom CSS
I applied the following CSS rule in EventON > Styles to enforce the font:
css
Copy
Edit
.evcal_event_title,
.evcal_desc {
font-family: ‘Open Sans’, sans-serif !important;
}
Enabled dynamic styles
I activated “Write Dynamic Styles in Header” in EventON settings.
Cleared cache
I cleared both the WordPress and browser cache.
The issue persists, and the font does not apply correctly.
Could you please help me identify what might be causing this issue?
Best regards,
sally
can you provide a screenshot of exactly what is showing arial font
and if the font you want is working on parts of the event- highlight it so we can tell
Hello,
I have added the following @font-face CSS rule:
Could you also tell us where did you add the rule?
Hello,
thank you for your fast reply. Attached you see the Screenshot. I marked the wrong font in red and the right one in yellow.
I thought I added the CSS rule to the customized CSS of the Avada Theme, but it got thrown out again. Is it important to put it there? It was a suggestion from CHAT GPT ๐
Kind regards
I removed Montserrat custom font style from this link:
https://magdeboogie.de/wp-admin/customize.php?return=%2Fwp-admin%2Fadmin.php%3Fpage%3Deventon%26tab%3Devcal_1
So now it uses Open Sans font:
Could you check and let me know?
Hello, perfect. It works!