VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Add new custom font

Add new custom font 06 Feb 2016 19:32 #8054

Hi!!!
As the title of the thread I would like to add a new custom font for the text inside the slideshow.
I don'know if i could but I've added this portion of code....

@font-face {
font-family: 'Adam';
src: url('../fonts/adam.eot');
src: url('../fonts/adam.eot') format('embedded-opentype'),
url('../fonts/adam.woff') format('woff'),
url('../fonts/adam.ttf') format('truetype'),
url('../fonts/adam.svg#BebasNeueRegular') format('svg');}

inside the CSS slideshow.css of the module.
I've even added this raw:
.adam{font-family: 'Adam', sans-serif}

But nothing happened.....was I wrong?
Thank you very much!!!

Re: Add new custom font 10 Feb 2016 21:57 #8065

No one?

Re: Add new custom font 17 Feb 2016 03:17 #8092

Can you please send me your website url?

jooomfreak

  • Posts:2144
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Add new custom font 17 Feb 2016 21:41 #8096

It's still in local machine : (

Re: Add new custom font 18 Feb 2016 05:02 #8103

Hello

To change the font of the JF Slideshow, you will need advanced CSS skill.

You can look into this file: /modules/mod_jfslideshow/assets/css/slideshow.css

Then find the css element you want to change the font, change it to your new font name.

As you described on first post, you want to add new font named Adam. You need to make sure the fontface path is correct.

Hope that helpful !

Regards

JF Support

  • Posts:2144
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: Add new custom font 19 Feb 2016 19:38 #8129

Ok, I've tried but I've got some problem:
1) I've added this on the slideshow.css

@font-face {
font-family: 'Adam';
src: url('../fonts/adam.eot');
src: url('../fonts/adam.eot') format('embedded-opentype'),
url('../fonts/adam.woff') format('woff'),
url('../fonts/adam.ttf') format('truetype'),
url('../fonts/adam.svg#BebasNeueRegular') format('svg');}

the url should be ok

2) On the same file:

.adam{font-family: 'Adam', sans-serif}

3) I would like to add the font into the drop down menu inside the backend. (where I can choose the font to use)
So I've added this line into the file helper.php

//23
static $opensans = 0;
if($fontname == "adam"){
if(!$opensans){ // not load yet
$doc->addStyleSheet('fonts.googleapis.com/css?family=Adam');
$opensans = 1;
}return "adam";
}

At the bottom of the Google's font

But nothing happened : (

Have you got other suggests?
Thank you very much!!!!
  • Page:
  • 1
  • 2
Time to create page: 0.65 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.