Modify Font Setting: Hero Position

rkweaver

Hi,

I would like to add a custom font used for the HERO position of the site. I created a
folder "C:\wamp64\www[SITE_NAME\templates\ja_symphony\fonts\NEW_FONT"
and added the .ttf file into the NEW_FONT folder but I do not see the font under the
CUSTOM FONT list when I access the ja_symphony template. What do I need to do
in order for the ja_symphony template to be able to access it? Additionally, I would
like to modify the font color as well.

Thanks!

saguaros

rkweaver HI

You can override with this custom css:

div.acm-hero h1 {
    font-family: your_font_family_here !important;
    color: your_color_here !important;
}

Go to backend >> Template styles >> JA Symphony >> Tools >> edit custom css and put above code there.

rkweaver

Hi,

I've been able to change the font color but not the actual font itself after inputting
my code as follows. I even went so far as to clear the caches for both browser and
template.

My code entered into Tools >> Edit Custom CSS >> Css Editor:

div.acm-hero h1 {
font-family: stonecross !important;
color: #ffd700 !important;
}

I then noticed that the ja_symphony font folders; beacon & LouisGeorgeCafe, each
contained a stylesheet.css file. I changed that file to stylesheet.cssOLD and noticed
that the beacon font no longer functioned. I then copied the beacon font .css file into
my font folder; modified as below. Still no change. I even tried a few other fonts but
to no avail. None of the modifications allow for any other font functionality outside
of beacon & LouisGeorgeCafe.

stylesheet.css:

@font-face {
font-family: 'stonecross';
src: url('st______.ttf') format('ttf');
font-weight: normal;
font-style: normal;

}

Regards.

saguaros

rkweaver Hi

It looks like not Google font, you can follow this guide for how to add custom font into your site first: https://www.joomlart.com/documentation/t4-framework/theme-settings#custom-font_jadoc

then above css code can work.

rkweaver

Hi,

Thanks for the response. I'm messing around with it and will post the solution once
I've figured it out on my end.

Regards.

saguaros

Let me know if you need further help then 🙂