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:
 
:iconleliani-draws:
Leliani-Draws Featured By Owner Edited 1 day ago  New Deviant Hobbyist Digital Artist
T e s t.
Reply
:iconelemeke:
Elemeke Featured By Owner 1 day ago  New Deviant Hobbyist General Artist
aaa this is super helpful!


I used Comic Sans MS for the part of my bio about puns xD (Anyone get the game reference with the puns and font?? XD)
Reply
:iconxxeffectlessxx:
xXEffectlessXx Featured By Owner 2 days ago  Hobbyist Artist
how do i use installed fonts ;-;
Reply
:iconwarriorcatfan53:
WarriorCatFan53 Featured By Owner 5 days ago  New Deviant Hobbyist Digital Artist
Can we use these in Sta.sh? I write with Sta.sh, and I want to use fonts to get the style right.
Reply
:iconzederpykitten:
ZeDerpyKitten Featured By Owner Edited 5 days ago  Hobbyist Digital Artist
test
test
Reply
:iconmricarus:
mricarus Featured By Owner 6 days ago
I think I'll keep this in my favorites for easy access.  It's very helpful.
Reply
:iconwishyrish:
WishyRish Featured By Owner Apr 20, 2016  Student Digital Artist
T e s t
Reply
:iconpunkinator919:
Punkinator919 Featured By Owner Apr 19, 2016  Hobbyist General Artist
Dear all new people, not a lot of font editing works in comments. Only a few, like bold, italics, and sub and sup.
Reply
:iconchorvagee:
chorvagee Featured By Owner Edited Apr 18, 2016  New Deviant
test
Reply
:iconominousstark:
OminousStark Featured By Owner Edited Apr 18, 2016  New Deviant Hobbyist Digital Artist
Test
Reply
:iconvalley-dogsranch:
Valley-DogsRanch Featured By Owner Apr 16, 2016  Professional Digital Artist
Test
Reply
:iconcrashhd:
CrashHD Featured By Owner Apr 16, 2016
test
Reply
:iconlittle-shy-joker:
Little-shy-joker Featured By Owner Edited Apr 15, 2016  Student General Artist
 Text 
Reply
:iconundinakis:
undinakis Featured By Owner Apr 14, 2016  New Deviant Hobbyist General Artist
test
Reply
:icongarrett-lee-rice:
Garrett-Lee-Rice Featured By Owner Apr 12, 2016  New Deviant Hobbyist General Artist
test
Reply
:iconmuderstag:
MuderStag Featured By Owner Apr 11, 2016
TEST
Reply
:iconyokuvika:
Yokuvika Featured By Owner Apr 10, 2016
<1>test</ariel>
Reply
:iconytpsource:
YTPsource Featured By Owner Apr 7, 2016  New Deviant Professional General Artist
Segoe UI, Zegoe UI, XBOX UI, Arial

Reply
:iconytpsource:
YTPsource Featured By Owner Apr 7, 2016  New Deviant Professional General Artist
yes!
Reply
:iconspectaclekitty:
SpectacleKitty Featured By Owner Edited Apr 5, 2016  Hobbyist Digital Artist
<h3>js</h3>
Reply
:iconspectaclekitty:
SpectacleKitty Featured By Owner Apr 5, 2016  Hobbyist Digital Artist
<7>test</7>
Reply
:iconflowerstar666:
Flowerstar666 Featured By Owner Apr 4, 2016  Hobbyist General Artist
test
Reply
:iconthedrawingcrafter:
TheDrawingCrafter Featured By Owner Edited Apr 4, 2016  Hobbyist Digital Artist
test
Reply
:iconbananabeanz1:
BananaBeanz1 Featured By Owner Edited Apr 2, 2016  Student Digital Artist
derp
Reply
:iconcoap-adoptz:
coap-adoptz Featured By Owner Mar 30, 2016  New Deviant Hobbyist General Artist
Hello.
Reply
:iconcoap-adoptz:
coap-adoptz Featured By Owner Mar 30, 2016  New Deviant Hobbyist General Artist
This is size 7 text.
Reply
:iconcoap-adoptz:
coap-adoptz Featured By Owner Mar 30, 2016  New Deviant Hobbyist General Artist
<fontsize="7">This is size 7 text.</font>
Reply
:iconepicanubisxd:
EpicAnubisxD Featured By Owner Edited Mar 30, 2016  Student General Artist
Test
Reply
:iconepicanubisxd:
EpicAnubisxD Featured By Owner Mar 30, 2016  Student General Artist
Test 
Reply
:iconthefluffypenguin1:
TheFluffyPenguin1 Featured By Owner Edited Mar 29, 2016  Student Digital Artist
Courier New, Courier
Reply
:iconthefluffypenguin1:
TheFluffyPenguin1 Featured By Owner Edited Mar 29, 2016  Student Digital Artist
 <font wytiwyg="1" face"courier"="">Testing</font>
Reply
:iconinvasivespeciesnuz:
InvasiveSpeciesNuz Featured By Owner Edited Mar 29, 2016  New Deviant
Testing little text.
Reply
:iconmonlight-bunnies:
monlight-bunnies Featured By Owner Mar 27, 2016  New Deviant
Test

test
Reply
:iconmonlight-bunnies:
monlight-bunnies Featured By Owner Mar 27, 2016  New Deviant
Courier New, Courier
Reply
:iconsimmyfoxy:
simmyfoxy Featured By Owner Mar 24, 2016  Hobbyist
Testing :)
Reply
:iconcatsila:
Catsila Featured By Owner Edited Mar 21, 2016  Hobbyist General Artist
Test.Test.Test.Test.Test.XD!
Reply
:iconxxcattitudexx:
xXCattitudeXx Featured By Owner Mar 21, 2016  Hobbyist General Artist
text
Reply
Add a Comment:
 
×

Featured in Collections

News Articles by zakkiya29

Journals by MistressofQuills




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
63,852 (21 today)
Favourites
1,611 (who?)
Comments
1,142
×