Click to open network menu
Join or Log In
Mobafire logo

Join the leading League of Legends community. Create and share Champion Guides and Builds.

Create an MFN Account






Or

MOBAFire's second Mini Guide Contest of Season 14 is here! Create or update guides for the 30 featured champions and compete for up to $200 in prizes! 🏆
's Forum Avatar

Font formatting in guides

Creator: Shadow_Light July 18, 2013 11:16am
Shadow_Light
<Guide Critic>
Shadow_Light's Forum Avatar
Show more awards
Posts:
214
Joined:
Jan 29th, 2012
Permalink | Quote | PM | +Rep July 18, 2013 11:16am | Report
Hey MobaFire Community,
I am currently redoing a lot of my guide and I'm having some problems there. I've already done a lot with BBCode but yet I am still a noob and nee some help.
First is there any way to change the font type in my guide? I've already seen several other guides where the authors used different Fonts for example in Headlines and I would really love to know how this is done.
The second question is about the font size. I know there's the Headline function which lets me change the font size by using different kinds of Headlines. But often when using a Headline it doesn't let me color the text and I also can't set specific font size with this. So is there any other way to change the font size?

I hope you can help me. Thanks in advance.

Shadow_Light
Mowen
<Retired Admin>
Mowen's Forum Avatar
Show more awards
Posts:
6449
Joined:
Nov 7th, 2010
Permalink | Quote | PM | +Rep July 18, 2013 11:54am | Report
You can't really change the font, but you can add effects to it and I think some of the code that changes the size of the font changes the font type (for some reason).


There's your basic:

[b]Example[/b] = Example

[i]Example[/i] = Example

[u]Example[/u] = Example

[color=#00ffff]Example[/color] = Example


Note: You can use the premade colors in the editor (color wheel thing) or change out the hex code using some nicer colors you can easily find from a hex code website.


Changing Type Size:

[h1]Header 1[/h1] =

Header 1


[h2]Header 2[/h2] =

Header 2


[h3]Header 3[/h3] =

Header 3


[h4]Header 4[/h4] =
Header 4

[h5]Header 5[/h5] =
Header 5


Note: Using the header bbcode makes everything after the code automatically on the next line, so you can't have anything on the same line. Because they are kind've fickle it's often easier to use the size bbcode.

[size=7]Size 7[/size] = Size 7

[size=6]Size 6[/size] = Size 6

[size=5]Size 5[/size] = Size 5

[size=4]Size 4[/size] = Size 4

[size=3]Size 3[/size] = Size 3

[size=2]Size 2[/size] = Size 2

[size=1]Size 1[/size] = Size 1



You can the basic font decoration codes and size codes.


[size=5][i][color=#9a679f]See what I mean![/color][/i][/size] = See what I mean!

Just make sure when using multiple tags you start and end them in order, so if you start a tag inside another tag you need to finish the 2nd tag before finishing the first one, outside to inside. So outer, middle, inner, content, inner, middle, outer. If you have some content you want, for example, not italicized, you can put it outsize the italics bbcode:

[size][color][i]Italicized and Colored[/i]Not italicized, Colored[/color]Not Italicized or Colored[/size]
Thanks to GrandMasterD for my sig!
Shadow_Light
<Guide Critic>
Shadow_Light's Forum Avatar
Show more awards
Posts:
214
Joined:
Jan 29th, 2012
Permalink | Quote | PM | +Rep July 18, 2013 12:43pm | Report
Wow that helped me a lot. Thank you very much!
BarbJ
<Exceptional Editor>
BarbJ's Forum Avatar
Show more awards
Posts:
1077
Joined:
Sep 13th, 2011
Permalink | Quote | PM | +Rep July 19, 2013 5:22am | Report
If the site uses standard BBC coding, we should be able to use fonts.

Test Fonts?


Yeah, it's kind of hard to tell whether all of the them work, but the first one, Gabriola, and Comic Sans MC definitely work. Just play around with them a bit, you'll get one that you like that works.
"You don't reach the top without a good Sherpa."
Shadow_Light
<Guide Critic>
Shadow_Light's Forum Avatar
Show more awards
Posts:
214
Joined:
Jan 29th, 2012
Permalink | Quote | PM | +Rep July 22, 2013 2:29am | Report
Yea that's exactly what I have been looking for. Thanks a lot.

You need to log in before commenting.

League of Legends Champions:

Teamfight Tactics Guide