Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Custom Font On Mobile

Featured Lock Resolved Issue
I have uploaded a custom font and followed the Helix 3 instructions on how to do it. The custom font, named EurostyleLTStd-BoldEx2 appears on desktop fine. When I use the front end editor and select mobile, it shows up there as well.

However, when I view it on an iPhone X through Google Chrome or Safari, the custom font does not appear. I checked online for some solutions to this and came up with this code:

@font-face {
font-family: 'Conv_EurostileLTStd-BoldEx2';
src: url('/fonts/EurostileLTStd-BoldEx2.eot'), format ('eot'),
url('/fonts/EurostileLTStd-BoldEx2.woff') format('woff'),
url('/fonts/EurostileLTStd-BoldEx2.ttf') format('truetype'),
url('/fonts/EurostileLTStd-BoldEx2.svg') format('svg');
font-weight: normal;
font-style: normal;

h1, h2, h3 { font-family: 'EurostileLTStd-BoldEx2', Arial; }

It still is not showing the custom font. Is there a line I'm forgetting or something else I need to do?

Thank you for your time.

5 Answers

Please login to view replies.

Leaderboard (30 days)



Total Accepted Answers: 159
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 111


Total Accepted Answers: 49


Total Accepted Answers: 7


Total Accepted Answers: 5




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us