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:
 
:icondeltafoxtrot2014:
DeltaFoxtrot2014 Featured By Owner Edited 23 hours ago  Hobbyist Digital Artist
.
Reply
:icontwileyxddd:
TwileyxDDD Featured By Owner Edited Aug 6, 2017  Hobbyist Digital Artist
You can also do 
(REMOVE THE "0" ON ALL OF THEM FOR IT TO WORK)

<0small> for this size text
<0small><0small> for this size text
ect

And to end them you do </0small> (The number of times you did the "<0small>".
Reply
:iconhibiscus-lime:
Hibiscus-Lime Featured By Owner Aug 4, 2017  Student General Artist
does this not work in like a commission widget then?
Reply
:iconpiiotty:
Piiotty Featured By Owner Jul 28, 2017
hello
Reply
:iconekas-tigercloud:
ekas-tigercloud Featured By Owner Edited Jul 27, 2017  New Deviant Hobbyist General Artist
Pretty pesky with the mouseover open >.<

More important is there a way to remove all styles? Eg if i copy text from Notepad++ the font chanes to such a strange font... Normaly if you use Editors like "Editor/Notepad" or "Notepad++" a WYSIWYG Editor use the default font...

Since I'm a coder I hate WYSIWYG-Editors anyway^^ But when I submit an Image I can't switch to HTML-View...
Reply
:iconpowting:
Powting Featured By Owner Jul 25, 2017  Student Digital Artist
Text
Reply
:iconelectragraphics:
ElectraGraphics Featured By Owner Jul 25, 2017  Hobbyist General Artist
Test.
Reply
:iconberrynebula:
berrynebula Featured By Owner Jul 24, 2017
doesn't work :/
Reply
:iconghostrical:
Ghostrical Featured By Owner Jul 21, 2017  New Deviant

Thanks!
Reply
:iconfnaf2poster:
FNAF2Poster Featured By Owner Jul 20, 2017  Student Artist
nope
Reply
:iconsplootz:
splootz Featured By Owner Jul 21, 2017  Hobbyist Artist
It does not work in comments ^^
Reply
:iconfnaf2poster:
FNAF2Poster Featured By Owner Jul 20, 2017  Student Artist
test
Reply
:iconjiinxruthealien:
JiinxRuTheAlien Featured By Owner Edited Jul 13, 2017  New Deviant
thank you!
Reply
:iconsavagecooookie:
SavageCooookie Featured By Owner Jul 9, 2017  New Deviant Hobbyist General Artist
This does NOT work in comments. Pls stawp you're killing meee
Reply
:iconbuttercreamphil:
ButtercreamPhil Featured By Owner Jul 5, 2017  Hobbyist Artist
it works!!! thank you!!
Reply
:iconsicknezz4:
sicknezz4 Featured By Owner Jul 3, 2017
Reply
:icongodofhpy3rd34th:
GODOFHPY3RD34TH Featured By Owner Jun 29, 2017  Hobbyist Digital Artist
lol
Reply
:icon27h:
27h Featured By Owner Jun 25, 2017
y'all it doesnt work in comments stop
Reply
:icontoo-weird-to-livee:
too-weird-to-livee Featured By Owner Jun 24, 2017  Hobbyist General Artist
6 6 6 
Reply
:iconmonstycat:
monstycat Featured By Owner Edited Jun 21, 2017  Hobbyist Digital Artist
This is size 999 text.





frik
Reply
:iconbellaroosh:
bellaroosh Featured By Owner Jun 21, 2017
<font wytiwyg="1" face"times="" new="" roman"="">Text</font>
Reply
:icontacky-tella:
Tacky-tella Featured By Owner Jun 20, 2017  Hobbyist General Artist
w
h
a
t
Reply
:icontacky-tella:
Tacky-tella Featured By Owner Jun 20, 2017  Hobbyist General Artist
it won't work
Reply
:iconferconem:
Ferconem Featured By Owner Jun 20, 2017  New Deviant Student Digital Artist
test
Reply
:iconfloral-atbest:
floral-atbest Featured By Owner Jun 19, 2017  Hobbyist Traditional Artist
test !
Reply
:iconglowstoneistrash:
GlowstoneIsTrash Featured By Owner Jun 12, 2017  Hobbyist Digital Artist
Test
Reply
:iconraikou-alpha:
Raikou-Alpha Featured By Owner Jun 9, 2017  Hobbyist General Artist
TEST

Thanks for posting this! It really helps :D
Reply
:icongamerthegirl42:
Gamerthegirl42 Featured By Owner Edited Jun 8, 2017  Student Traditional Artist
v

 


it doesn't work
Reply
:iconmelcandy:
Melcandy Featured By Owner Jun 8, 2017  Student Digital Artist
This doesn't even work
Reply
:iconmangagirl64416:
mangagirl64416 Featured By Owner Jun 4, 2017  Hobbyist Digital Artist
<font wytiwyg="1" face"comic="" sans="" ms"="">Testing again</font>
Reply
:iconmangagirl64416:
mangagirl64416 Featured By Owner Jun 4, 2017  Hobbyist Digital Artist
<font wytiwyg="1" face"comic="" sans="" ms"="">Test</font>
Reply
:iconuratascribbles:
UrataScribbles Featured By Owner Jun 3, 2017  Student Digital Artist
WOOO
Reply
:iconuratascribbles:
UrataScribbles Featured By Owner Jun 3, 2017  Student Digital Artist
WEESNAWTest.
Reply
:iconmelcandy:
Melcandy Featured By Owner Edited Jun 3, 2017  Student Digital Artist
This is size 999 text.

Update: Doesn't work :(
Reply
:icongardenkitty:
GardenKitty Featured By Owner Jul 10, 2017  Hobbyist Digital Artist
it doesn't work in comments
Only in journals and descriptions and stuff. 
Reply
:iconmelcandy:
Melcandy Featured By Owner Jul 10, 2017  Student Digital Artist
oh ok thx
Reply
:iconmku2004:
Mku2004 Featured By Owner Jun 3, 2017  Student Digital Artist
test
Reply
:iconiridescenttiger:
IridescentTiger Featured By Owner May 31, 2017  Hobbyist Digital Artist
Thank you! This is a big help ^_^
Reply
:iconxcreativityx:
xCreativityx Featured By Owner Edited May 31, 2017  Hobbyist Digital Artist
TestText 
Reply
:iconlllion:
llLion Featured By Owner May 29, 2017
test
Reply
:iconalexis-animator:
Test </font face>
Reply
Add a Comment:
 
×





Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
91,589 (30 today)
Favourites
2,214 (who?)
Comments
1,608
×