Shop Forum 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:
 
:iconaquofox:
AquoFox Featured By Owner 1 day ago
test
Reply
:iconstylishclarice:
StylishClarice Featured By Owner May 18, 2018  Hobbyist Digital Artist
testing
Reply
:iconmr-mecha-man:
Mr-Mecha-Man Featured By Owner May 12, 2018  New Deviant
Test.
Reply
:iconmr-mecha-man:
Mr-Mecha-Man Featured By Owner May 12, 2018  New Deviant
< font > test < font >
Reply
:iconfarandar98:
Farandar98 Featured By Owner Edited May 11, 2018  Hobbyist Digital Artist
This is size 1 text.
Reply
:iconnongmodesign:
nonGMOdesign Featured By Owner May 7, 2018  New Deviant
test
Reply
:iconlittlebird2014:
littlebird2014 Featured By Owner May 2, 2018  Hobbyist General Artist
dammit
Reply
:iconlittlebird2014:
littlebird2014 Featured By Owner May 2, 2018  Hobbyist General Artist
testidy test
Reply
:iconshadowcrafterz136:
ShadowCrafterz136 Featured By Owner Apr 29, 2018  Hobbyist Digital Artist
</font>Monospace Fonts testing
Reply
:iconocha-ramen-noodles:
ocha-ramen-noodles Featured By Owner Apr 27, 2018  New Deviant Hobbyist Artist
test heh
Reply
:iconjcthebluefox:
JCTheBlueFox Featured By Owner Edited Apr 23, 2018  Student Digital Artist
test
Reply
:iconsanibear:
SaniBear Featured By Owner Apr 18, 2018  Student Digital Artist
test
Reply
:iconsmokestoomuch:
SmokesTooMuch Featured By Owner Apr 17, 2018
lol I love how everyone's comments are just in normal ass text now
why did you do this to us, deviantArt?


test
Reply
:iconbosephine-rose:
Bosephine-Rose Featured By Owner Apr 15, 2018  Hobbyist
test
Reply
:iconpierdolonacyrylica:
PierdolonaCyrylica Featured By Owner Apr 15, 2018
<font wytiwyg="1" face"comic="" sans="" ms"="">Text</font>
Reply
:iconeggyisfantastical:
EggyIsFantastical Featured By Owner Apr 13, 2018  Hobbyist General Artist
T e s t
Reply
:iconkingsillysmilez:
KingSillySmilez Featured By Owner Edited Apr 11, 2018  Student Digital Artist
Test
Reply
:iconame-is-not-a-cow:
Test
Reply
:iconicebatofvalikinrrbz8:
IceBatOfValikinRRBZ8 Featured By Owner Apr 5, 2018  Student Digital Artist
How do I make not bolded?
Reply
:iconkooklui:
kooklui Featured By Owner Edited Apr 9, 2018  New Deviant
if it has <#b> and/or  <#/b> take those out. (the hashtags are to show you, they don't have them)
Reply
:iconlucawrites77:
LucaWrites77 Featured By Owner Apr 5, 2018  New Deviant Hobbyist Writer
test
Reply
:iconretrolamb:
retrolamb Featured By Owner Edited Apr 4, 2018  Hobbyist Digital Artist
test
test
test
test
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Mar 30, 2018  Hobbyist General Artist
Test
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Mar 30, 2018  Hobbyist General Artist
Test
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Mar 30, 2018  Hobbyist General Artist
<font_size="1">Test</font>
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Mar 30, 2018  Hobbyist General Artist
Test
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Edited Mar 30, 2018  Hobbyist General Artist
<font wytiwyg="1" size"1"="">Test</font>
Reply
:iconayeitssage:
AyeItsSage Featured By Owner Mar 30, 2018  Hobbyist General Artist
Test
Reply
:iconkittyfan123:
KittyFan123 Featured By Owner Mar 30, 2018  Student Filmographer
Test
Reply
:iconkittyfan123:
KittyFan123 Featured By Owner Mar 30, 2018  Student Filmographer
Test
Reply
:iconkittyfan123:
KittyFan123 Featured By Owner Mar 30, 2018  Student Filmographer
<font wytiwyg="1" face="" "impact"="">Test</font>
Reply
:iconpraxor23:
Praxor23 Featured By Owner Mar 30, 2018  Hobbyist Writer
Definitely getting a favourite from me, good to have a handy reference on how text works on DA!
Reply
:iconday-tunes:
day-tunes Featured By Owner Edited Mar 29, 2018  Student General Artist
test
Reply
:iconday-tunes:
day-tunes Featured By Owner Edited Mar 29, 2018  Student General Artist
Text</courier>
Reply
:iconduckpocolypse:
Duckpocolypse Featured By Owner Mar 28, 2018
Test.
Reply
:iconeduardathewolf:
Eduardathewolf Featured By Owner Edited Mar 27, 2018  Student Traditional Artist
I don't know how to use the font size. It's not working for me ;-;
Reply
:iconbosephine-rose:
Bosephine-Rose Featured By Owner Apr 15, 2018  Hobbyist
same
Reply
:iconqityqunt:
qityqunt Featured By Owner Edited Mar 23, 2018  Hobbyist Digital Artist
big mood
Reply
:iconoctopark:
OctoPark Featured By Owner Mar 22, 2018  New Deviant Student Artist
owo
Reply
:iconoctopark:
OctoPark Featured By Owner Mar 22, 2018  New Deviant Student Artist
<h1> owo
Reply
:iconoctopark:
OctoPark Featured By Owner Mar 22, 2018  New Deviant Student Artist
test! 
Reply
:iconoctopark:
OctoPark Featured By Owner Mar 22, 2018  New Deviant Student Artist
test!
Reply
:iconoctopark:
OctoPark Featured By Owner Mar 22, 2018  New Deviant Student Artist
test!
Reply
:iconstuntpony:
Stuntpony Featured By Owner Mar 18, 2018
Size doesn't seem to work
Reply
:iconstuntpony:
Stuntpony Featured By Owner Mar 18, 2018
Testing, one, two, three
Reply
Add a Comment:
 
×





Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
107,111 (50 today)
Favourites
2,484 (who?)
Comments
1,821
×