Shop Mobile More Submit  Join Login

DeviantART <font> Formatting Guide!

Sat Oct 1, 2011, 6:01 PM


Introduction

Did YOU Know that you can use the < font > tag in various custom boxes AND journals?
Well, yes you can! No Premium Membership REQUIRED!

To prove my point, :eyes: below!
Test.Test.Test.Test.Test.LOL!

When you're ready to move on, mouse over the "The Tag" section.

The Tag

Did you enjoy the awesome presentation of the "Test." text above? Here's the source code to that:
<font face="Droid Sans" size="7">Test.</font><font face="Arial" size="3">Test.</font><font face="Tahoma" size="1">Test.</font><font face="Oswald, Droid Sans, Arial" size="5">Test.</font><font face="Brainly, Nunito, Testt, Times New Roman" size="4">Test.</font><font face="Helskini, Klavika, FF Meta, Segoe UI, Tahoma" size="7"><b>LOL!<b></font>

What goes into that is <font> tag is basically the "size" and "face" subtags! If you need more expiation or info, move on below!

Font Sizes

deviantART support the so-called "font sizes" in any range from 1 to 7!
To define your font size, just use <font size="#">Text</font> where # is the font size. Cool, eh? There are 10 font sizes allowed, and you may only define a number as a size. You can't use stuff like 3px, 3pt, or 3em because deviantART doesn't seem to support that.
Yes, decimals up to the tenths place are allowed only up to size 3. Along with that, the letter, line, and paragraph spacing WILL vary on the font size because of an odd flaw within dA's main CSS itself.

So... here is a demonstration of the sizes!
This is size 1 text.
This is size 1.2 text.
This is size 1.5 text.
This is size 2 text.
This is size 2.5 text.
This is size 3 text.
This is size 4 text.
This is size 5 text.
This is size 6 text.
This is size 7 text.
This is size 999 text.

Source code for dummies:
<font size="1">This is size 1 text.</font><font size="1.2">This is size 1.2 text.</font><font size="1.5">This is size 1.5 text.</font><font size="2">This is size 2 text.</font><font size="2.5">This is size 2.5 text.</font><font size="3">This is size 3 text.</font><font size="4">This is size 4 text.</font><font size="5">This is size 5 text.</font><font size="6">This is size 6 text.</font><font size="7">This is size 7 text.</font><font size="999">This is size 999 text.</font>

Usable Fonts

To define your font itself, just replace <font face"X">Text</font> where X is the font name. The subtag name "face" came from Michel Rowels of W3C, in case you were wondering.

deviantART supports the use of any font, but the <font> tag DOES NOT support any Google Webfonts. The fonts MUST be pre-installed to the reader's computer in order for it to be displayed. If you must use a font not installed into all computers, like say FF Meta, then you better use commas. For example, This text will appear in FF Meta if installed. If not, this appears in Times New Roman.. SOURCE CODE:<font face="FF Meta, Times New Roman">This text will appear in FF Meta if installed. If not, this appears in Times New Roman.<font>

Web Safe Fonts, defined by W3C:
Serif Fonts :below:
Georgia
Palatino Linotype, Book Antiqua
Times New Roman
Sans-Serif Fonts :below:
Arial, Helvetica
Arial Black, Gadget
Comic Sans MS
Impact, Charcoal
Tahoma, Geneva
Trebuchet MS
Verdana, Geneva
Monospace Fonts :below:
Courier New, Courier
Lucida Console, Monaco

Great Fonts Combos, for the :heart: of dA:
dA Logo Font: Klavikal, Klavika, Apex New, Trebuchet MS
Windows Metro Font: Segoe UI, Zegoe UI, XBOX UI, Arial

Source code for dummies:
<u>Web Safe Fonts, defined by W3C:</u><b>Serif Fonts</b><font face="Georgia">Georgia</font><font face="Palatino Linotype, Book Antiqua">Palatino Linotype, Book Antiqua</font><font face="Times New Roman">Times New Roman</font><b>Sans-Serif Fonts</b><font face="Arial, Helvetica">Arial, Helvetica</font><font face="Arial Black, Gadget">Arial Black, Gadget</font><font face="Comic Sans MS">Comic Sans MS</font><font face="Impact, Charcoal">Impact, Charcoal</font><font face="Tahoma, Geneva">Tahoma, Geneva</font><font face="Trebuchet MS">Trebuchet MS</font><font face="Verdana, Geneva">Verdana, Geneva</font><b>Monospace Fonts </b><font face="Courier New, Courier">Courier New, Courier</font><font face="Lucida Console, Monaco">Lucida Console, Monaco</font>

Last, But Not Least

So... you may combine BOTH font sizes AND font faces. To style your text, use the <strong><b><i><u> tags. You may also use the <h1><h2><h3><h4><h5><h6><small><code> tags to style your text along with the <font tag>.




Please feel free to point out any errors, :+fav:, comment, and Suggest a DD for this! I have spent 2 hours writing this...
Deviously Yours,
LabLayers

Skin by CypherVisor
Add a Comment:
 
:iconsaberpeep:
SaberPeep Featured By Owner 2 days ago  Hobbyist Digital Artist
test
Reply
:iconriniponpon:
Riniponpon Featured By Owner 4 days ago
Text
Reply
:iconriniponpon:
Riniponpon Featured By Owner 4 days ago
Text
Reply
:iconriniponpon:
Riniponpon Featured By Owner 4 days ago
<font size="7">Your text here</font>
Reply
:iconriniponpon:
Riniponpon Featured By Owner 4 days ago
Text
Reply
:iconkidogomalaika:
KidogoMalaika Featured By Owner 6 days ago  New Deviant
Test
Reply
:iconwildspirit818:
WildSpirit818 Featured By Owner 6 days ago  Hobbyist General Artist
This is size 1 text.
Reply
:iconpurplehairedangel:
PurpleHairedAngel Featured By Owner Edited Jun 23, 2015  Student Traditional Artist
Does this work?
Reply
:iconbloeb1:
bloeb1 Featured By Owner Edited Jun 23, 2015
Don't call it test
Reply
:iconsummermartin:
Summermartin Featured By Owner Jun 21, 2015  Student General Artist
test
Reply
:iconsummermartin:
Summermartin Featured By Owner Jun 21, 2015  Student General Artist
test
Reply
:iconballman15:
ballman15 Featured By Owner Jun 20, 2015  Student
Text does this work? 
Reply
:iconvenex123:
Venex123 Featured By Owner Edited Jun 17, 2015  Hobbyist General Artist
Test
Reply
:iconkeep-on-cantering:
Keep-On-Cantering Featured By Owner Jun 13, 2015  Hobbyist General Artist
test

Reply
:iconkeep-on-cantering:
Keep-On-Cantering Featured By Owner Jun 13, 2015  Hobbyist General Artist
Impact, Charcoal test

Reply
:iconmoontail-the-cat:
Moontail-the-cat Featured By Owner Jun 12, 2015  New Deviant Hobbyist Digital Artist
 (̶◉͛‿◉̶)
Reply
:iconmoontail-the-cat:
Moontail-the-cat Featured By Owner Jun 12, 2015  New Deviant Hobbyist Digital Artist
(͡° ͜ʖ ͡°)
Reply
:icongalaxy-oreo:
galaxy-oreo Featured By Owner Jun 12, 2015  New Deviant Student
test
Reply
:iconayla-aktan-stock:
ayla-aktan-stock Featured By Owner Jun 8, 2015  Student Photographer
Reply
:iconsir-springtrap:
Sir-Springtrap Featured By Owner Jun 5, 2015  New Deviant
Ohh yay!!
Reply
:iconvenkele:
Venkele Featured By Owner Jun 3, 2015
Doesn't work
Reply
:iconvenkele:
Venkele Featured By Owner Jun 3, 2015
Test.<
Reply
:iconvenkele:
Venkele Featured By Owner Jun 3, 2015
Test.
Reply
:iconghostriderwolf:
GhostRiderWolf Featured By Owner Edited Jun 2, 2015  Hobbyist General Artist
This is so helpful a;sdjflkj ty for making this 
Reply
:iconmagnoliabirch:
magnoliabirch Featured By Owner May 31, 2015  New Deviant Hobbyist Writer
test
Reply
:icondondaturtlefangirl:
Dondaturtlefangirl Featured By Owner Edited May 30, 2015  Hobbyist Digital Artist

Just informing people: The fontsizes don't work in comments, at least, from what I know.
Reply
:icontunethewolf:
TuneTheWolf Featured By Owner May 22, 2015  Hobbyist Traditional Artist
test?
Reply
:iconsarah-faghog:
Sarah-Faghog Featured By Owner May 16, 2015  Student General Artist

Test
Reply
:iconcoolapril:
coolapril Featured By Owner May 12, 2015  Hobbyist Digital Artist
Hello
Reply
:iconwinterhoodies:
winterhoodies Featured By Owner Edited May 12, 2015  Hobbyist General Artist
:star: TO USERS:  this works on boxes on your profile/journal, not comments :)
Reply
:iconpoke-chann:
Poke-chann Featured By Owner May 23, 2015  Student
font doesnt work on meh profile ;v;
Reply
:iconwinterhoodies:
winterhoodies Featured By Owner Edited May 23, 2015  Hobbyist General Artist
aa it should definitely work for you ;o; can you show me how you have it coded?
Reply
:iconpoke-chann:
Poke-chann Featured By Owner May 23, 2015  Student
<--font face"Comic Sans Ms"--> texttt <--font-->

without the dash things
Reply
:iconwinterhoodies:
winterhoodies Featured By Owner May 23, 2015  Hobbyist General Artist
you have to type <--/font--> c: no dashes
Reply
:iconpoke-chann:
Poke-chann Featured By Owner May 23, 2015  Student
oh yah i did ^^; forgot to type it right here tho
Reply
:iconwinterhoodies:
winterhoodies Featured By Owner May 23, 2015  Hobbyist General Artist
ohhh it would be <--font face="comic sans MS"--> text <--/font-->

you needed the equals sign >w<
Reply
:iconpoke-chann:
Poke-chann Featured By Owner May 23, 2015  Student
ahh thank you i dont know why it didnt work the first time XD

probably did something wrong
Reply
(1 Reply)
:iconpoke-chann:
Poke-chann Featured By Owner May 23, 2015  Student
I think I tried that but let me try again o^o
Reply
:iconmk-r:
MK-R Featured By Owner May 13, 2015   Digital Artist
Thanks for the heads up! :) Really helped a bunch! not being sarcastic here :giggle:
Reply
:iconwinterhoodies:
winterhoodies Featured By Owner May 13, 2015  Hobbyist General Artist
XP welcome
Reply
:iconamandathebanana:
AmandatheBanana Featured By Owner Edited May 11, 2015  Hobbyist Digital Artist
didn't work.. oh well thx anyway
Reply
Add a Comment:
 
×

Featured in Collections

News Articles by zakkiya29




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
48,075 (15 today)
Favourites
1,250 (who?)
Comments
804
×