Ever go on the neoboards and see someone's text that is colorful and just all-around beautiful? Did you think, "Wow, how did they do that?" Well, with this help page, I will teach you how to make your font that stunning.



Getting Started


To customise your font, you go to your neoboard preferences here. You should see something like this:



Those 2 textboxes is where we'll put the font code.


The Basics


A basic font code consists of key parts.


[fontc=000000f=verdanas=1]neoHTML[/font]


Let's break this down.

The key word is "font". It directs the change words. The change words are
c (color)
f (face)
s (size)

The change words then activate the modification words, which in this case are "000000", "verdana", and "1". "[/font]" is a necessary part as well because it completes the font and tells it to stop. In this case, if you put this code in your neoHTML box, this is what your post would look like.






This is where you get to have fun! The combinations of modification words are infinite. Let me explain further.


Color


There are two kinds of color modification words, hex codes and regular words. Hex codes are 6-digit letter-number combinations that indicate one specific color. See what I mean by "infinite"? I myself prefer hex codes. Some examples of hex codes are



#000000 #0055FF #E2006D
#EE00FF #00D8FF #F6FF00
#FFB200 #9700E2 #00B799



Need some help finding the perfect color? Try one of these websites:


http://www.draac.com/colorconvert.html
http://users.rcn.com/giant.interport/COLOR/1ColorSpecifier.html



The only difference with regular word colors is... well, that they're words. Exampes:



gray purple green
skyblue hotpink gold
maroon turquoise firebrick


My advice to you is to avoid eye-bleedingly bright colors. While you may think neon green is totally awesome, tone it down a bit so people aren't blinded by your font. Trust me, they'll be appreciative.


Matching Color


So now you understand how color codes work. But how do you get exactly the right shade to match an avatar? Good question. Every fontmaker needs to know. This can be done a few different ways.


Way 1: First, copy the avatar and paste it into an art program like Microsoft Paint. Then, with the eyedropper, select the color on the avatar you want to put in your font. Then, go directly to Color/Edit Colors and expand the window to define custom colors. If you are using Photoshop, double click the color palette and your hex code is right there. If you are using Paint, you will see amounts of Red, Green, and Blue. Enter those numbers into one of the top 2 websites mentioned above, and now you know the exact hex code for the color!


Way 2: Download Get Color! and drag the eyedropper to anywhere on the screen.


Font Faces


There are millions of font faces in the infinite world wide web. There's a couple of catches with neo's font faces, though. Number 1, The face has to be one word long. Number 2, If your computer doesn't have it downloaded on your computer, you won't see it on yours or other people's fonts. It will look like basic Times New Roman. Here are some examples of font faces you can use that most people own.




Arial Broadway Centaur
Chiller Courier Elephant
fixedsys Garamond Georgia
Haettenschweiler Harrington
Impact Jester Jokerman
Magneto Mistral Onyx
Papyrus Parchment Perpetua
Pristina Rockwell Tahoma
Verdana Vivaldi
Webdings(Webdings)
Wingdings(Wingdings)



One note, though: Please avoid fonts that are too difficult to read, like Parchment and Mistral. If it isn't outright easy to read, it's probably best not to use it at all. People shouldn't have to strain their eyes to read your posts.

You'll find that these are the most popular fonts on the boards, mostly because they are easy to read, good-looking, and owned by virtually everyone: Verdana, Georgia, Arial. I like to stick with those font faces in size 1.


Sizes


Okay, this is fairly easy. Neo allows 4 sizes: 1, 2, 3, and 4. 1 is the smallest and 4 is the largest. Duh. With most fonts, I suggest sticking with size 1 or 2. I prefer size 1, but do what you want. It's your font. Just don't go overly big if you don't have to.


Other Codes


There are some simple extra codes that you can also use.



[br] (goes to new line, like pushing "enter" once)
[p] (jumps 2 lines, like pushing "enter" twice)
[center]neoHTML[/center] (centers your font)
[b]neoHTML[/b] (makes your font bold)
[i]neoHTML[/i] (makes your font in italics)
[u]neoHTML[/u] (underlines your font)
[sup]neoHTML[/sup] (slightly raises your font)
[sub]neoHTML[/sub] (slightly lowers your font)



Want to combine a few? No problem.

[b][i]neoHTML[/i][/b]



Signatures


Also known as a "siggy." They can be used to put more text in, or add a finishing row of symbols to a font. Some people like to say how far away from getting a goal they are in their siggies. Some people put in a joke or a song reference. Do what you want, and be creative about it! :D



Getting rid of that dashed line in your posts known as a "siggy line" is fairly simple. Remember these things: [ and ]? These are brackets. Put an opening one at the very end of the NeoHTML box and leave it open. Then, put a closing one at the very start of the NeoSignature box. It will look weird in the preview, but it won't show up when you post.


Letter Symbols


Sometimes it can really look cool to substitute certain symbols in place of letters. Here are some good substitutes to use. Try not to use symbols that can be confused for more than one letter. Symbols can be in one of two font groups. This means they will show up as boxes if it's not in an accepted font. If you have Firefox, though, all symbols will show up in any font. Firefox rocks, that's why. ;P Symbols in red are in group 1 and only work in arial, courier, or impact. Ones in blue won't work in Internet Explorer (and possibly other browsers besides Firefox), and because so many people use IE, use them with caution. UPDATE: Okay, neopets has now made lots of characters invalid. Supposedly, people were using them to spell swears or something. Whatever. Anyway, those will show up as question marks and taunt us all.


A: Ą Λ ą მ α ɑ
B: ß β ნ ზ ხ ც ℬ ɓ
C: ɕ ℭ
D: ∂ ð δ ბ შ ძ Ժ ժ ɗ
E: Σ ξ ε ٤ პ ვ კ Յ ჴ ع ℮ ə ʒ ℰ ℯ
F: Բ բ ƒ ∫
G: ց
H: Ħ ჩ ʜ ɧ ɦ ℌ ℎ ℋ
I: ί ¡ ι ϊ ı ï ו
J: ل נ ذ ز ڙ ჟ უ յ ʝ ℐ
K: ĸ
L: ℓ Լ &ang90; ւ ს ჱ ℒ ɭ
M: რ ო რ ʍ ℳ ɱ
N: Ŋ ŋ η ∩ ղ ռ ი ה ח ת
O: Օ Ơ ტ ơ σ օ Double O: თ ∞
P: ρ թ (& thorn ;)
Q: Ձ (or 2) գ զ
R: Ր Ւ ɾ ʀ ℛ ℜ
S: ς Տ ئ ى
T: ح Շ τ ד Ե Է ե է ɫ ɬ
U: υ մ ն ט
V: ٧ ν
W: ω w ɯ
X: χ ჯ
Y: γ ყ ץ צ ɣ
Z: Հ ζ ჳ ʑ



Wingdings and Webdings


Wingdings and Webdings are symbol fonts. They are great to spice up a boring font. Don't know how to get certain symbols? Here is a chart:


Wingdings Webdings Wingdings Webdings
A A A a a a
B B B b b b
C C C c c c
D D D d d d
E E E e e e
F F F f f f
G G G g g g
H H H h h h
I I I i i i
J J J j j j
K K K k k k
L L L l l l
M M M m m m
N N N n n n
O O O o o o
P P P p p p
Q Q Q q q q
R R R r r r
S S S s s s
T T T t t t
U U U u u u
W W W w w w
X X X x x x
Y Y Y y y y
Z Z Z z z z
~ ~ ~
! ! ! 1 1 1
@ @ @ 2 2 2
# # # 3 3 3
alt-36 $ $ 4 4 4
% % % 5 5 5
^ ^ ^ 6 6 6
& & & 7 7 7
* * * 8 8 8
( ( ( 9 9 9
) ) ) 0 0 0
_ _ _ - - -
+ + + = = =
{ { { [ [ [
} } } ] ] ]
| | | alt-92
: : : ; ; ;
alt-60 , , ,
alt-62 . . .
? ? ? / / /
é é é
ƒ ƒ ƒ
ˆ ˆ ˆ
Š Š Š
Œ Œ Œ
Ž Ž Ž
˜ ˜ ˜
š š š
œ œ œ ž ž ž
Ÿ Ÿ Ÿ ¡ ¡ ¡
¢ ¢ ¢ £ £ £
¤ ¤ ¤ ¥ ¥ ¥
¦ ¦ ¦ § § §
¨ ¨ ¨ © © ©
ª ª ª « « «
¬ ¬ ¬ ® ® ®
¯ ¯ ¯ ° ° °
± ± ± ² ² ²
³ ³ ³ ´ ´ ´
µ µ µ
· · · ¸ ¸ ¸
¹ ¹ ¹ º º º
» » » ¼ ¼ ¼
½ ½ ½ ¾ ¾ ¾
¿ ¿ ¿ À À À
Á Á Á Â Â Â
Ã Ã Ã Ä Ä Ä
Å Å Å Æ Æ Æ
Ç Ç Ç È È È
É É É Ê Ê Ê
Ë Ë Ë Ì Ì Ì
Í Í Í Î Î Î
Ï Ï Ï Ð Ð Ð
Ñ Ñ Ñ Ò Ò Ò
Ó Ó Ó Ô Ô Ô
Õ Õ Õ Ö Ö Ö
× × × Ø Ø Ø
Ù Ù Ù Ú Ú Ú
Û Û Û Ü Ü Ü
Ý Ý Ý Þ Þ Þ
ß ß ß à à à
á á á â â â
ã ã ã ä ä ä
å å å æ æ æ
ç ç ç è è è
é é é ê ê ê
ë ë ë ì ì ì
í í í î î î
ï ï ï ð ð ð
ñ ñ ñ ò ò ò
ó ó ó ô ô ô
õ õ õ ö ö ö
÷ ÷ ÷ ø ø ø
ù ù ù ú ú ú
û û û ü ü ü
ý ý ý ÿ ÿ ÿ



Shortening the Code


You only get so much space for your font coding, and it's entirely too small. What a drag, right? Well, since TNT won't be changing that anytime soon, here are some tips to make your code shorter and keep your font looking the same.


Tip 1: Delete default code.


Neo's default font is size 2 arial in black (black is also #000000). This means that this:


[fontc=blackf=arials=2]neoHTML[/font]


Can be changed to:


neoHTML


This also works if you only want one part left default and the rest of the font non-default.


[fontc=123456f=arials=1]neoHTML[/font]


Can be changed to:


[fontc=123456s=1]neoHTML[/font]


F=arial is totally omitted because your font will automatically become arial anyway.



Tip 2: Remove the number signs.


Yeah, I know, it's proper to put a number sign in front of a hex code, but in this case it doesn't matter. Something like "#850000" will be the same if it's just "850000". So, there you go: don't use number signs.



Tip 3: The spacebar is not your friend.


Don't use spaces! In all of my examples, I haven't, and you shouldn't either.


[font c=123456 f=georgia s=1]neoHTML[/font]


should be:


[fontc=123456f=georgias=1]neoHTML[/font]



Tip 4: One set of center tags.


Because almost everyone gets rid of the siggy line, you can use just one set of center tags.


[center][fontc=ABCDEFf=verdanas=1]neoHTML[/font][/center][
][center][fontc=123456f=georgias=3]purple monkey dishwasher[/font][/center]


Can become:


[center][fontc=ABCDEFf=verdanas=1]neoHTML[/font][p][
][fontc=123456f=georgias=3]purple monkey dishwasher[/font][/center]



Tip 5: Love the [p] tag.


If you are using two [br] tags in a row, stop! You are wasting 5 of your precious characters. "[br][br]" should just be "[p]".



Tip 6: One for the overlooked Times New Roman lovers.


If you have ever typed in "times" or "timesnewroman" for your font face, you may have thought that it worked because that's what your face looked like. Technically, it didn't work. Times New Roman is 3 words, so it isn't recognized as a font face by Neopets. But, because it didn't recognize it as a font face, it automatically looks like your computer's default font - Times New Roman. Ta da.

But what does that mean for you, the average Times New Roman lover? Well, think about it. You can type in anything for the font face that isn't really a font and get what you want. Even *one character*, which means you save a lot of space.


[fontc=123456f=as=2]neoHTML[/font]



Tip 7: Start and end in different boxes.


A lot of people find this one confusing because it doesn't look right in the preview. Did you hear that? It doesn't look right in the preview, but it will look right when you post.


[center][fontf=verdanas=1]neoHTML[/font][br][fontf=georgias=3]kthnxbai,[/font][
][br][fontf=georigas=4]Rachel[/font][/center]


Can become:


[center][fontf=verdanas=1]neoHTML[/font][br][fontf=georgias=3][
]kthnxbai,[/font][br][fontf=georigas=4]Rachel[/font][/center]



Tip 8: Leave off the last digit of a hex code.


This only works sometimes. If you have a color that ends in two of the same number or letter, you can delete one of them and the color will stay the same.


CD0000 can become CD000

00C7FF can become 00C7F



Tip 9: Substitute a word for a hex.


This only works sometimes. If you have a color that is similar to a word color that takes up less characters, use it. "A02828" is pretty similar to brown. Using brown instead uses one less character.


Putting it all Together


Now that you understand the coding, get to work! Most fonts are completely centered and have at least 2 parts (including what your post will be) separated by a [br] or [p] tag. A lot of people make one part their name or nickname to personalize their posts. Try to be creative and make your font unique. The last thing the chat boards need is another over-used, generic kind of font.

Need some ideas? Check out my other page, Puppy_princess231's Avatar Fonts to edit one of mine or get an idea of what looks good.


Rating


Once you have a font made, you can go to one of the many font rating boards on the Avatar Chat to get others' opinions and suggestions. You may even get some fancy awards, wouldn't that be nice?

Some raters can be very harsh or nasty, but don't make a big deal. Just thank them and leave or kindly ask for ways to improve. Also, most board starters make up rules, so try to follow them because some people are picky.


Spread the Word!


Don't you feel great now that you know how to make your own font? Don't you want to be able to help others gain that feeling? Then do it! Spread the word!=)











Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions