Notice

The forum is in read only mode.

Support Forum

Welcome! Support Forums have been reactivated

Fonts

10 years 3 weeks ago
  • Jack's Avatar
    Topic Author
  • Jack
  • Offline
  • Fresh Boarder
  • Posts: 22
  • Thank you received: 0
Licenses:
JomSocial Active

I would like to change the fonts for the site, how do I do this without editing the template files? I already have a specific font I'd like to use instead.

10 years 3 weeks ago
Licenses:

Hi, Jack.

You could set a new font by creating custom.css (in css folder) and set new font for certain classes there. This file will be not overwritten during upgrade so it's the best solution.


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
10 years 3 weeks ago
Licenses:
JomSocial Expired GURU Expired Publisher Expired AdAgency Expired iSEO Expired Socialize Expired

Hi Jack,
You can use webfont as many as you want.
Here is the steps for you
1. Create a webfont using www.fontsquirrel.com/tools/webfont-generator
2. upload font files at "root/templates/socilize/fonts/"
3. Create a css file "custom.css" at "root/templates/socialize/css"
4. Add necessary css code as sample below

@font-face {
  font-family: 'FontAwesome';
  src: url('../fontawesome-webfont.eot?v=@{fa-version}');
  src: url('../fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
    url('../fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
    url('../fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
    url('../fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
//  src: url('../FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}

Then use the font for necessary css selector as sample below
\
h1,h1,h2,h4{
    font-family: 'FontAwesome';
}
Thanks

10 years 5 days ago
Licenses:

Hi, Jack.

We have not received any response back from you in over 7 days, and would like to know if you consider this issue to be resolved. If you have any further questions, simply reply to this post.


- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.

- Use the "Thank You" feature on any post that helped you
Moderators: Piotr Garasiński
Powered by Kunena Forum

Join 180,000 websites creating Amazing communities

JomSocial is the most complete, easy-to-use addon that turns Joomla CMS into a
full -fledged, social networking site

TRY NOW BUY NOW