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:
 
:iconrivaillord:
Rivaillord Featured By Owner 6 hours ago  Hobbyist General Artist
testing
Reply
:iconsanluris:
Sanluris Featured By Owner 2 days ago  Hobbyist Photographer
Thank you! Now I can use the fonts that will actually work on this site.
Reply
:icontheoneandonlybannana:
TheOneAndOnlyBannana Featured By Owner Edited 2 days ago  Hobbyist Traditional Artist
testinggg YAY
Reply
:icontheoneandonlybannana:
TheOneAndOnlyBannana Featured By Owner 2 days ago  Hobbyist Traditional Artist
testinggg
Reply
:iconspottedfur99:
Spottedfur99 Featured By Owner Mar 19, 2015
Georgia
Reply
:iconxxiluvgaaraxx:
XxiluvgaaraxX Featured By Owner Mar 19, 2015  Hobbyist Digital Artist
Ugh
Reply
:iconxxiluvgaaraxx:
XxiluvgaaraxX Featured By Owner Mar 19, 2015  Hobbyist Digital Artist
Yeah I'm not doing it right or something cause I can't seem to get it.
It was easier before....back when it was fun...>__>
Reply
:iconxxiluvgaaraxx:
XxiluvgaaraxX Featured By Owner Mar 19, 2015  Hobbyist Digital Artist
Blah
Reply
:iconxxiluvgaaraxx:
XxiluvgaaraxX Featured By Owner Mar 19, 2015  Hobbyist Digital Artist
Ugh.
Reply
:iconnextoi:
nextoi Featured By Owner Edited Mar 18, 2015  New member Hobbyist Digital Artist
help how do i do font

test
Reply
:iconpixena:
Pixena Featured By Owner Edited Mar 17, 2015  New member Student General Artist
Testing Yay
Reply
:iconinudere:
inudere Featured By Owner Mar 10, 2015  New member Hobbyist General Artist
meow thanku.
Reply
:iconmatsuyama-hanako:
Matsuyama-Hanako Featured By Owner Edited Mar 10, 2015  Hobbyist Traditional Artist
Test
Reply
:iconpixena:
Pixena Featured By Owner Mar 9, 2015  New member Student General Artist
<fontsize=7> testing </font>
Reply
:iconpixena:
Pixena Featured By Owner Mar 9, 2015  New member Student General Artist
poke
Reply
:iconschmloop:
schmloop Featured By Owner Edited Mar 6, 2015  New member Hobbyist Digital Artist
small text
Reply
:icondondaturtlefangirl:
Dondaturtlefangirl Featured By Owner Mar 1, 2015  Hobbyist Digital Artist
Very helpful.
Reply
:icondondaturtlefangirl:
Dondaturtlefangirl Featured By Owner Mar 1, 2015  Hobbyist Digital Artist
Testy
Reply
:iconlpetite:
lPetite Featured By Owner Edited Feb 24, 2015  Hobbyist Digital Artist
small text
bold
underline
italized
strike!
this issubscript
this issuperscript
This is a testsentence.

--------
remove spaces to see if it works:

< small >small text< /small >
< b >bold< /b >
< u >underline< /u >
< i >italized< /i >
< strike >strike!< /strike >
this is< sub >subscript< /sub >
this is< sup >superscript< /sup >
< i >< strike >This is a< /strike >< /i > < small >< b >< u >< sup >test< /sup >< sub >sentence.< /sub >< /u >< /b >< /small >
Reply
:iconcorruptedsongs:
Corruptedsongs Featured By Owner Feb 20, 2015  New member Student General Artist
This is size 1 text.
Reply
:iconcorruptedsongs:
Corruptedsongs Featured By Owner Feb 20, 2015  New member Student General Artist
<fontsize="1">Test (Gotta get this down pat)</font>
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Feb 17, 2015  Student General Artist
<fontsize="1"> test </font>
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Feb 17, 2015  Student General Artist
test
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Feb 17, 2015  Student General Artist
test
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Feb 17, 2015  Student General Artist
I WILL GET THIS
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Feb 17, 2015  Student General Artist
Test
Reply
:iconmatsuyama-hanako:
Matsuyama-Hanako Featured By Owner Mar 10, 2015  Hobbyist Traditional Artist
It won't work for me! how did you do it? ><
Reply
:iconthat-one-player:
That-One-Player Featured By Owner Mar 11, 2015  Student General Artist
< small > Put text here </ small>

Do that with no spaces
And when you want to end that font, you need to put a "/" like text

Put text here
Text

Hope that makes sense~
Reply
:iconmatsuyama-hanako:
Matsuyama-Hanako Featured By Owner Mar 11, 2015  Hobbyist Traditional Artist
Thanks!
haha oh yeah! ^^
BOLD
italic XD
Reply
(1 Reply)
:iconthat-one-player:
That-One-Player Featured By Owner Mar 11, 2015  Student General Artist
< b > text < / b >
Reply
:iconxorathebunny:
Xorathebunny Featured By Owner Mar 10, 2015  Student Digital Artist
< sup> without the space
or you could use < small> like i do
or < sub>
Reply
:iconericnyx:
EricNyx Featured By Owner Feb 16, 2015  Hobbyist Photographer
This didn't work
Reply
:iconevergreenleaves2015:
EvergreenLeaves2015 Featured By Owner Feb 11, 2015  Hobbyist General Artist
Test.Test.Test.Test.Test.LOL!
Reply
:iconnamma2:
Namma2 Featured By Owner Feb 6, 2015  Hobbyist General Artist
Test<
Reply
:iconmoneeraz:
MoneeraZ Featured By Owner Feb 5, 2015  Hobbyist
;-;
Reply
:iconmoneeraz:
MoneeraZ Featured By Owner Feb 5, 2015  Hobbyist
Test.
Reply
:iconrawrvien:
rawrVIEN Featured By Owner Edited Feb 2, 2015
Text
Text
Reply
:iconoddhatt:
Oddhatt Featured By Owner Feb 2, 2015  Hobbyist Artist
Test.
Reply
:icontheoneandonlybannana:
TheOneAndOnlyBannana Featured By Owner Feb 1, 2015  Hobbyist Traditional Artist
Text
Reply
:icontheoneandonlybannana:
TheOneAndOnlyBannana Featured By Owner Edited Feb 1, 2015  Hobbyist Traditional Artist
Testing
Reply
:iconizumikiyomizu:
IzumiKiyomizu Featured By Owner Jan 31, 2015  Student Digital Artist
<fontfacechewystewy>sup yall</font>
Reply
:iconwheatley13:
Wheatley13 Featured By Owner Jan 26, 2015
hi
Reply
Hidden by Commenter
Add a Comment:
 
×

Featured in Collections

News Articles by zakkiya29

Journals by MistressofQuills




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
43,019 (53 today)
Favourites
1,162 (who?)
Comments
702
×