Joomla Templates Club 406,261 posts

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#200677

hi there,

I am building a website in joomla 2.5 template JA_Mero.

I want to change the font type into Exo , I have the .ttf files .
http://www.google.com/fonts/specimen/Exo

I see in folder templates/ja_mero/fonts the font folder open-sans.

How can I easily change open-sans into Exo font ?

I read the topic ” how to add new font ” , but I realy do’nt get it.
( http://www.joomlart.com/forums/topic/how-to-use-fontface-for-alternative-fonts/ )

friendly regards,

Rob – Netherlands –

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

#546822

Hi Rob,

You can embed any Google font: http://www.joomlart.com/documentation/joomla-faqs/embed-font#google-font-t3 let me know if you need any help

Regards

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#546855

Dear Ninja Lead (or others)

I check out your link http://www.joomlart.com/documentatio…google-font-t3 but still do’nt get it. :((

I can not use the settings in the back-end cause in the JA_Mero there is no tab profiles, what’s called in the example/docu !!

So I want to try :

An other way to embed Google font is using templates/ja_template/cssctemplate.css file. Open the file then embed the Google font you want to use in your site.
example;
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=greek,latin>);

Now my next problem is there , how to find the right url for this, I am going to
http://www.google.com/fonts/specimen/Exo#charset and choose Open Exo in Google Fonts and I get this url
http://www.google.com/fonts#UsePlace:use/Collection:Exo , that’s not a url googleapis.com/css. . . .

and when I get the right url-adress just copy en past it in the template.css like the example ?

regards

Rob

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

#546915

Hi Rob,

I see some thing wrong on JA Mero template, I hope my solution below will help you to solve

+ Exo font is google font and need to get it from Google font url

+ Create the assets.xml file located in templates/ja_mero/etc folder, define the Google font(s).


<?xml version="1.0" encoding="utf-8"?>
<assets>

<stylesheets>
<file>http://fonts.googleapis.com/css?family=Exo</file>
</stylesheets>

</assets>


Now, you can use this font on your site.


font-family: 'Exo', sans-serif;


Regards

---

Attachments:

1. 

[pagefactory Friend pagefactoryJoin date: March 2012Posts: 102Downloads:20Uploads:11 Thanks: 1 Thanked: 3 times in 1 posts]

#546962

TOP !! it works fine, see url http://www.roboostveen.nl

thank you great !!

friendly regards,

Rob – Netherlands –

[Author]

Posts