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:
 
:iconahilda:
AHilda Featured By Owner Edited 23 hours ago  Hobbyist Photographer
test?
Reply
:icontetomi-san:
Tetomi-San Featured By Owner 1 day ago  New Deviant Student Filmographer
test
Reply
:icon0reobear:
0reobear Featured By Owner 3 days ago  Hobbyist Digital Artist
guys the big text only works on pages and journals jfc
Reply
:iconpencilhydra:
PencilHydra Featured By Owner Edited Aug 18, 2015  Hobbyist Traditional Artist
Probably wont work on ipad..
Reply
:iconnikitaman369:
Nikitaman369 Featured By Owner Edited Aug 16, 2015
Test.
Reply
:iconchensarts-3008:
ChensArts-3008 Featured By Owner Edited Aug 14, 2015  Student Digital Artist
bhn
Reply
:iconajladyzephyr:
ajladyzephyr Featured By Owner Aug 14, 2015  Hobbyist General Artist
Umm does this work on status updates or just comments?
Reply
:iconmoonshinehearts:
Moonshinehearts Featured By Owner Aug 12, 2015
text
Reply
:iconroseburst:
RoseBurst Featured By Owner Edited Aug 12, 2015  Hobbyist Digital Artist
Why wont it workkkk
Reply
:iconsete-disangue:
Sete-DiSangue Featured By Owner Aug 11, 2015
meh
Reply
:iconketsamachan:
ketsamachan Featured By Owner Edited Aug 6, 2015  Student General Artist
testing!
Reply
:iconnitelit:
nitelit Featured By Owner Aug 5, 2015  Hobbyist Traditional Artist
Y U NO WORK
Reply
:iconnitelit:
nitelit Featured By Owner Aug 5, 2015  Hobbyist Traditional Artist
heLP 
Reply
:iconnitelit:
nitelit Featured By Owner Edited Aug 5, 2015  Hobbyist Traditional Artist
This is size 1 text.

HELP
Reply
:iconcaramelcookie87:
CaramelCookie87 Featured By Owner Aug 4, 2015  Student General Artist
test^^
Reply
:iconcaramelcookie87:
CaramelCookie87 Featured By Owner Aug 4, 2015  Student General Artist
test, again XD
Reply
:iconcaramelcookie87:
CaramelCookie87 Featured By Owner Aug 4, 2015  Student General Artist
test??
Reply
:iconlillywogg:
lillywogg Featured By Owner Aug 2, 2015  New Deviant Student Digital Artist
Test.Test.Test.Test.Test.LOL!</font
Reply
:iconunusualodyssey:
unusualOdyssey Featured By Owner Edited Aug 2, 2015  Student Traditional Artist
test
Reply
:iconsweetgenerosity:
SweetGenerosity Featured By Owner Edited Aug 1, 2015  Student Artist
Test.
Reply
:iconpygmy-tragedy:
Pygmy-Tragedy Featured By Owner Edited Jul 31, 2015  New Deviant Student General Artist
testtest
Reply
:icontomholl:
tomholl Featured By Owner 1 day ago  Hobbyist Writer
ok, help an idiot, how do you do that?
Reply
:iconpygmy-tragedy:
Pygmy-Tragedy Featured By Owner 1 day ago  New Deviant Student General Artist
To create sub text you just put <#sub>Your text here<#/sub> (without the #)
Reply
:icontomholl:
tomholl Featured By Owner 1 day ago  Hobbyist Writer
yea, i fugured that out on my own (it took three seconds to remember that i had bookmarked an html coding site for convenience)

thank you though
Reply
:icongraceiousdrawings:
GraceiousDrawings Featured By Owner Edited Jul 27, 2015  Hobbyist General Artist
Test! (sorry, you probably get these comments a lot xD)
Reply
:iconhamulaire:
hamulaire Featured By Owner Jul 26, 2015  New Deviant Student Digital Artist
Test.
Reply
:iconhamulaire:
hamulaire Featured By Owner Jul 26, 2015  New Deviant Student Digital Artist
Test.
Reply
:iconhamulaire:
hamulaire Featured By Owner Jul 26, 2015  New Deviant Student Digital Artist
Test.
Reply
:iconfrankier-o:
frankier-o Featured By Owner Jul 25, 2015  Student Digital Artist
test
Reply
:iconfantagefanz:
Fantagefanz Featured By Owner Jul 24, 2015  New Deviant
This is size 1 text.
Reply
:icongeekyforcartoons:
geekyforcartoons Featured By Owner Jul 23, 2015  Hobbyist Digital Artist
test
Reply
:icongeekyforcartoons:
geekyforcartoons Featured By Owner Jul 23, 2015  Hobbyist Digital Artist
test
Reply
:iconblue-kumiho:
Blue-Kumiho Featured By Owner Edited Jul 22, 2015  Hobbyist Digital Artist
Testing
Reply
:iconsilvasesanec:
SilvaseSanec Featured By Owner Jul 22, 2015  Hobbyist
I did it wrong or something</times new roman>
Reply
:iconsilvasesanec:
SilvaseSanec Featured By Owner Jul 22, 2015  Hobbyist
bleh
Reply
:iconhellhuvabutlr:
hellhuvabutlr Featured By Owner Jul 21, 2015  Hobbyist Writer
eh
Reply
:iconhellhuvabutlr:
hellhuvabutlr Featured By Owner Jul 21, 2015  Hobbyist Writer
eh
Reply
:icontiffany-cupcake:
Tiffany-Cupcake Featured By Owner Jul 20, 2015  New Deviant Hobbyist Digital Artist
damn
Reply
:icontiffany-cupcake:
Tiffany-Cupcake Featured By Owner Jul 20, 2015  New Deviant Hobbyist Digital Artist
<5> testttt
Reply
:iconxxemeralddogxx:
xxemeralddogxx Featured By Owner Jul 16, 2015  Student Digital Artist
TEST
Reply
Add a Comment:
 
×

Featured in Collections

News Articles by zakkiya29

Journals by MistressofQuills




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
50,846 (1 today)
Favourites
1,313 (who?)
Comments
860
×