The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Importing or add fonts into forum

View previous topic View next topic Go down

Importing or add fonts into forum

Post by DEAncientNaga on May 8th 2012, 4:36 pm

Can I import other fonts that are not found in ForuMotion? for example fonts from Google Webfonts

or something like http://www.dafont.com/mael.font


Last edited by DEAncientNaga on May 20th 2012, 8:34 am; edited 1 time in total

DEAncientNaga
Forumember

Male Posts : 60
Reputation : 1
Language : English, Japanese, Chinese
Location : BEHIND YOU!!! O_O

http://perling.cyberfreeforum.com

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 8th 2012, 5:39 pm

I think that feature is not supported by forumotion.

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by LGforum on May 8th 2012, 5:45 pm

You can add Google web fonts. http://www.google.com/webfonts

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 8th 2012, 5:54 pm

Oh, sorry.. a javascript & css code could be used.

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 8th 2012, 6:00 pm

Oh, sorry.. a javascript & css code could be used.
like this:

Add this to your javascript:
Code:
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Handlee::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

And to CSS:
Code:
h1 { font-family: ‘Handlee’, cursive;
font-weight: 400;
}

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by SLGray on May 8th 2012, 8:30 pm

adikz:
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 8th 2012, 8:50 pm

Sorry, my browser reload when I post. That's why It has been doubled.
Please delete the first one. Thank you and my apology.

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by DEAncientNaga on May 19th 2012, 8:56 am

The Google font I've chosen is not working after I follow those instructions...

Can anyone give me an example forum of working Google font enabled?

*I put codes in Javascript and CSS showed on Google Webfonts page*

DEAncientNaga
Forumember

Male Posts : 60
Reputation : 1
Language : English, Japanese, Chinese
Location : BEHIND YOU!!! O_O

http://perling.cyberfreeforum.com

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 19th 2012, 10:18 am

check my forum.. http://adikz.forumtl.com
It will redirect you to my forum after 20 seconds. geek

I used the codes I posted here.

http://help.forumotion.com/t108654-importing-or-add-fonts-into-forum#710352

~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by LGforum on May 19th 2012, 1:47 pm

The first code in the post above needs go in an announcement or widget, not JavaScript management. Or it can go in JavaScript management, but the script tags will need removed.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by Niko on May 19th 2012, 2:00 pm

Hello,

try to read my tutorial:
Original tutorial can be found here Razz

Hello members,

How many times you wanted to use a font on your forum but you could use just "Arial, Verdana, Comic sans"?
Now you can use all the fonts you want... It is very easy and you can do it following this points:

Find the font
First find the font you want and copy its url from the address bar
Find them on Google web fonts

The code
Then, Copy and Paste this code in your CSS
Code:
<!---Coded provide by Niko---!>
@font-face {
        font-family: 'GT-Lucida Calligraphy';
        src: url("../fonts/GT-LucidaCalligraphy.ttf");
}


Set up
Now, change GT-Lucida Calligraphy to the title of the font and change
Code:
../fonts/GT-LucidaCalligraphy.ttf
with the link of the font.
Note: You have to post the full link and it must have the .ttf extension

Hope you will find this tutorial very helpful!
For each problem contact us in the support section

Friendly,

Is this what you need? Wink

Niko
Hyperactive

Male Posts : 2298
Reputation : 97
Language : English, French, Italian, Spanish, Latin

https://www.translationscloud.com/?utm_source=forumotion&utm

Back to top Go down

Re: Importing or add fonts into forum

Post by DEAncientNaga on May 19th 2012, 2:20 pm

Thanks but where can I find /fonts/blablabla.ttf <<< .ttf?

How can I use those fonts?

Can I enable it to default fonts for forum?

DEAncientNaga
Forumember

Male Posts : 60
Reputation : 1
Language : English, Japanese, Chinese
Location : BEHIND YOU!!! O_O

http://perling.cyberfreeforum.com

Back to top Go down

Re: Importing or add fonts into forum

Post by Darren1 on May 19th 2012, 2:32 pm

Hi,

You can change the fonts super easily via: Admin panel >> Display Colours > Fonts Smile

@Niko LG, adikz, learn the admin panel, no script was needed!! Razz

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Importing or add fonts into forum

Post by ~@dikz~ on May 19th 2012, 3:06 pm

The first code in the post above needs go in an announcement or widget, not JavaScript management. Or it can go in JavaScript management, but the script tags will need removed.


Oh..sorry I forgot it.

@Darren1 wrote:Hi,

You can change the fonts super easily via: Admin panel >> Display Colours > Fonts Smile

@Niko LG, adikz, learn the admin panel, no script was needed!! Razz

But if you want some fonts that look great,you need to find it at google web fonts. Just my opinion. Very good





~@dikz~
Forumember

Male Posts : 363
Reputation : 4
Language : English & Tagalog
Location : Legazpi, Philippines - Bicol University

http://adikz.forumtl.com

Back to top Go down

Re: Importing or add fonts into forum

Post by Fey on May 19th 2012, 4:11 pm

Guy's i think he is looking for font that he can use in topics ... like ->
Georgia
Arial Black
and others ... :/

Fey
Forumember

Posts : 288
Reputation : 11
Language : Bulgarian and English

http://mysticworld-rpg.bulgarianforum.net/forum

Back to top Go down

Re: Importing or add fonts into forum

Post by LGforum on May 19th 2012, 5:03 pm

I assumed he would be wanting new fonts, fancier fonts. Razz

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by DEAncientNaga on May 19th 2012, 5:11 pm

@Darren1 wrote:Hi,

You can change the fonts super easily via: Admin panel >> Display Colours > Fonts Smile

@Niko LG, adikz, learn the admin panel, no script was needed!! Razz
Can I add some fonts that isn't in Forumotion system? Very Happy

@Fey wrote:Guy's i think he is looking for font that he can use in topics ... like ->
Georgia
Arial Black
and others ... :/
Sorry for your misunderstanding, please read topic title again, not just comments afro

I've started using Forumotion approximately 4 years ago, thanks for your guys help but I haven't get my satisfied answer yet >o<

I don't know why but Google fonts aren't working on my forum, I'll mark this as solved after I figure out how it works

@LGforum wrote:I assumed he would be wanting new fonts, fancier fonts. Razz
Yep, you got that Very Happy

DEAncientNaga
Forumember

Male Posts : 60
Reputation : 1
Language : English, Japanese, Chinese
Location : BEHIND YOU!!! O_O

http://perling.cyberfreeforum.com

Back to top Go down

Re: Importing or add fonts into forum

Post by SLGray on May 19th 2012, 7:10 pm

Maybe we are misunderstanding the question: are you wanting to add fonts to the drop-down menu?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by Darren1 on May 19th 2012, 7:13 pm

You can add the new fancy fonts in those boxes, yes. the one on the front is the default font the rest are incase the primary font/the one before it isn't known to the user's PC, as in, they don't have the font file on their PC/laptop. Wink

I also remember a tutorial to add font's to the drop down box but can't find it, guess Ill make one shortly.

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Importing or add fonts into forum

Post by DEAncientNaga on May 20th 2012, 8:43 am

slg wrote:Maybe we are misunderstanding the question: are you wanting to add fonts to the drop-down menu?
No, you didn't misunderstand, I want other fonts displaying when we post topics or replies.

For example, fonts like this http://www.dafont.com/mael.font make it to become my default font for all posts

OR can I make just code like

Code:
[font=Mael]bla bla bla[/font]

@Darren1 wrote:You can add the new fancy fonts in those boxes, yes. the one on the front is the default font the rest are incase the primary font/the one before it isn't known to the user's PC, as in, they don't have the font file on their PC/laptop. Wink

I also remember a tutorial to add font's to the drop down box but can't find it, guess Ill make one shortly.
No...I'm very sorry because I'm not good on explanation but I never mentioned about menus...

And yes if the drop down menu like we can get new fonts from here (where we post topics and replies)

Is that possible?

Kindly reply Razz

DEAncientNaga
Forumember

Male Posts : 60
Reputation : 1
Language : English, Japanese, Chinese
Location : BEHIND YOU!!! O_O

http://perling.cyberfreeforum.com

Back to top Go down

Re: Importing or add fonts into forum

Post by LGforum on May 20th 2012, 2:24 pm

Yes your best way is using google fonts. put the script in your page then you can use that font by defining it in the CSS. So if you add a google web font called 'jahooly', then in the CSS you can now use that font like any other.
Code:

body {
  font: jahooly;
}

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Importing or add fonts into forum

Post by Fey on May 20th 2012, 4:07 pm

Im sorry but that's what i was trying to say.. >.> You want fonts to use in topics but not the standart " Georgia , Arial e.t.c
And yes it is possible i know a couple of forums that have fonts that my forum doesnt have , so it is possible. I just dont know how like you so if anyone can tell us* Smile
P.s.
LGforum i cant understand you :/ i added that code to my CSS like this:
Code:
body {
  font: Gorditas;
}
there is a font like that in google web fonts but when i look in new topic/post i cant see it in menu Sad

Fey
Forumember

Posts : 288
Reputation : 11
Language : Bulgarian and English

http://mysticworld-rpg.bulgarianforum.net/forum

Back to top Go down

Re: Importing or add fonts into forum

Post by Darren1 on May 20th 2012, 5:06 pm

There will be a tutorial released soon on adding new fonts to the font choice box Wink

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Importing or add fonts into forum

Post by LGforum on May 20th 2012, 5:09 pm

No it won't add it to the menu, thats not what the OP is asking. The OP has never mentioned the menu in the editor...

He just wants to use a new font as the default font in posts.

Therefore, to the OP, you need to add the Google Web Font, with the script provided by Google. That makes the font available for use in the CSS.

In which case you would be able to change the font of posts with this css:
Code:
.post{ font: NEW FONT }

Again, so people understand, adding Google Web Fonts, makes a new font available for use, it does not affect your editors or anything else... it simply makes a new font available to use in your CSS or in style tags etc, as the browser will now know how to render that font.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum