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

Your Time: Our Time:

how to add custom local fonts in multi language joomla site?

Featured Lock Resolved

I need help to add local custom fonts in megadeal template, For example how to add new "DroidKufi" local font for arabic language and "Chivo" for english language.

Thank You

5 Answers

Ehsan Riyadh

More than a month ago #Permalink
Its a customization.

You can use @font-face property on css and follow this way:

font-family: 'Open Sans', SolaimanLipi, sans-serif !important;


Ahmed Al-HAeri

More than a month ago #Permalink
Add a custom font method does not custom work?
I need help you to add font for Arabic and English multilingual site.

Ehsan Riyadh

More than a month ago #Permalink
I told you to use @font-face rule to call Arabic and English font. You can use it on theme.less file. Follow the simple step:

1. First you need to download the desired font file(.ttf) and create a new folder (templates/shaper_megadeal/fonts) and paste in to it, where the path of this file we need to call over there in the css code.. after open the theme.less and paste the below code:

@font-face {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; //(this is name of chosen font to be changed)

src: URL('font/Trebuchet MS.ttf') format ('ttf'); //(Which is the url path as done just before)

then call it for body, p, heading or other

//(here need to change the font, declared to do in the body of the site ;) )
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size: 12px !important;


More than a month ago #Permalink
IM working with istore ii followed that (above) and cannot get the titles (H2) on the product page to change to my font.
the font is LubalinGraphStd-Bold.otf and i created a fonts dir for it. then put the code in thems.less and call for it from the css.
the theme code:
@font-face {

font-family: "LubalinGraphStd-Bold.otf"; //(this is name of chosen font to be changed)

src: URL('../font/LubalinGraphStd-Bold.otf') format ('otf'); //(Which is the url path as done just before)

the css code:
#sp-right .module h3.header {
font-family: LubalinGraphStd-Bold.otf;
src: url(fonts/LubalinGraphStd-Bold.otf);
font-size: 16px;
font-weight: 400;



More than a month ago #Permalink
Dear Ehsan,
i read that before and it did not work for me as well.
i need the costume company font for titles / products on the istore ii

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 148


Total Accepted Answers: 91


Total Accepted Answers: 51
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2


Total Accepted Answers: 1




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