Joomla Templates Club 406,261 posts

[max_santiago Friend max_santiagoJoin date: January 2013Posts: 216Downloads:49Uploads:58 Thanks: 120 Thanked: 8 times in 3 posts]

#961967

Hi all!

Question about ‘Replace fonts’.

I have read JA article about fonts change > https://www.joomlart.com/documentation/joomla-faqs/embed-font, and paragraph about "Replace Google font with other font in T3".

1. I have declared my optioned Google font (Voltaire) in ‘assets.xml’ (templates/ja_mono/etc) with this code:

   //fonts.googleapis.com/css?family=Voltaire //fonts.googleapis.com/css?family=Bitter:400,400italic //fonts.googleapis.com/css?family=PT+Serif:400,700 //fonts.googleapis.com/css?family=Open+Sans:400,700,600 fonts/font-awesome/css/font-awesome.min.css acm/clients/css/style.css acm/cta/css/style.css acm/features-intro/css/style.css acm/teams/css/style.css

2. Into ‘variables.less’ (templates/ja_mono/etc) I replaced global font in this way:

// Typography // ————————- @font-family-sans-serif: ‘Voltaire’, sans-serif; @font-family-serif: ‘Voltaire’, serif; @font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace; @font-family-base: @font-family-sans-serif;

1. I have compiled LESS to CSS

but nothing, now my ‘body-text’ is a ‘serif’ (see screenshot) rather then VOLTAIRE.

Any solutions?! Maybe in custom.css I have to add some css code?

Thanks

M.

---

Attachments:

1. 

[max_santiago Friend max_santiagoJoin date: January 2013Posts: 216Downloads:49Uploads:58 Thanks: 120 Thanked: 8 times in 3 posts]

#962134

My friends my issue is SOLVED.

I have edited variables.less in general theme but I had remember that my theme was Orange.
I found in templates/ja_mono/less/themes/orange another ‘variables.less’ and there I have defined my body text (and also headings). Now body text is ok!

A question: into variables-custom.less what code is possible insert inside?!
Thanks
M.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#962569

Hi,

variables-custom.less file is empty but you can add the custom style with each theme on that and the code is Less script

Regards

1 user says Thank You to Ninja Lead for this useful post

1. max_santiago

[Author]

Posts