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:
 
:iconenodgnikcuf:
enodgnikcuf Featured By Owner Edited 9 hours ago
Works like a charm. Thank you so much for writing this!

(As a note to those coming to try this out in the comment section, this trick doesn't work in comments! It works on your deviantID, though, among other things.)
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Did i work?
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Oops, i did font size 1 so it didnt really work XD
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Ok, am i doing this wrong?
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Meow
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
wtf...
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Meow
Reply
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
it's not working...
Reply
:iconenodgnikcuf:
enodgnikcuf Featured By Owner 9 hours ago
Try your deviantID panel on your profile. It doesn't work in comments, sadly.
Reply
(2 Replies)
:iconsilvermelody13:
SilverMelody13 Featured By Owner 12 hours ago  Student Digital Artist
Test? Is it like this?
Reply
:iconitsaliasotaku:
itsaliasotaku Featured By Owner Feb 6, 2016
test ; - ;
idrk if it will work zz
Reply
:iconkizurashi:
kizurashi Featured By Owner Edited Jan 31, 2016  New Deviant
test ;^;
Reply
:iconsleepocky:
Sleepocky Featured By Owner Feb 4, 2016  Hobbyist Digital Artist
uh link
Reply
:iconkizurashi:
kizurashi Featured By Owner Feb 4, 2016  New Deviant
ahaaa... oops
Reply
:iconsleepocky:
Sleepocky Featured By Owner Feb 4, 2016  Hobbyist Digital Artist
it's fine! uwu
i did that when i first got into dA
Reply
:iconxicepelt:
xIcepelt Featured By Owner Edited Jan 31, 2016  New Deviant Hobbyist Digital Artist
test (gonna edit until i get it B3)

oh goodness size 1 doesn't want to work for me, i give up xD
Reply
:iconsleepocky:
Sleepocky Featured By Owner Feb 3, 2016  Hobbyist Digital Artist
hiya! justa.. noting that you can't use these types of fonts in the comments section, believe me!
you could use the codes <b.><s.><i.><small.><sub.> without the little '.'s put those codes before your text

here's some examples

<b.>bold txt</b.> <i.>italic txt</i.> <s.>strikethrough</s.> 
<small.>small txt</small.><sub.>sub text</sub.>

don't forget to remove the '.'
Reply
:iconshadow-shizuka:
Shadow-Shizuka Featured By Owner Edited 6 days ago  New Deviant Professional General Artist
Thanks.
Reply
:iconsleepocky:
Sleepocky Featured By Owner 4 days ago  Hobbyist Digital Artist
no prob
Reply
:iconxicepelt:
xIcepelt Featured By Owner Feb 4, 2016  New Deviant Hobbyist Digital Artist
ah, that's the problem. xD
thank you so much! i'm new to deviantart, i don't really know how the comments work and all.
thanks! <3
Reply
:iconsleepocky:
Sleepocky Featured By Owner Feb 4, 2016  Hobbyist Digital Artist
it's no problem uwu
Reply
:iconxicepelt:
xIcepelt Featured By Owner Feb 4, 2016  New Deviant Hobbyist Digital Artist
<33
Reply
:iconcuntfettii:
cuntfettii Featured By Owner Jan 30, 2016  New Deviant Hobbyist
thank you!
Reply
:iconchoco-wolfovo:
Choco-wolfOvO Featured By Owner Jan 24, 2016  Hobbyist Digital Artist
test (ihopethatworks;m; )
Reply
:iconkastuyusiki:
Kastuyusiki Featured By Owner Edited Jan 24, 2016  New Deviant Hobbyist Digital Artist
 yay
Reply
:icondigi-tal-cha-os:
Digi-tal-Cha-os Featured By Owner Jan 23, 2016  Hobbyist General Artist
|| Out of Gay ||
|| Omg, thanks so much for this aha ||
|| I recently was trying to do some coding on my page and this REALLY helped ||
|| So like thanks so much ||

Reply
:icongalaxanova:
galaxanova Featured By Owner Jan 24, 2016
How did you do the font? :0 I've been trying to get the Courier font. This is kinda confusing to me x( 
Reply
:icondigi-tal-cha-os:
Digi-tal-Cha-os Featured By Owner Jan 24, 2016  Hobbyist General Artist
|| Out of Gay ||
|| Simply with the code ||
|| font face ="Courier" size="3" ||
|| Just have '<>' around it ||
|| And it should work ||
Reply
:icongalaxanova:
galaxanova Featured By Owner Jan 24, 2016
Thank you! I kind of get it now, although it still isn't working for me >o<


I put: <font face ="Courier" size="3"> TEXT </font>

What did I do wrong?
Reply
:icondigi-tal-cha-os:
Digi-tal-Cha-os Featured By Owner Jan 24, 2016  Hobbyist General Artist
|| Out of Gay ||
|| You put a space between face and = ||

Reply
:icongalaxanova:
galaxanova Featured By Owner Jan 24, 2016
<font face="Courier" size="3">TEXT</font>

Perhaps my browser has somthing to do with it?
Reply
:iconkiku-kaze:
Kiku-Kaze Featured By Owner Jan 24, 2016  Student Traditional Artist
'Ello! I work with some HTML stuff and my dad programmes things like this. The font= (font) doesn't work in the comment section, at least not here on deviantArt to my knowledge. 
For comment sections you can use: <b.> , <i.>, <sub.>, etc. (without the periods) 
In journals, that's where you can use the 'special' fonts. 
For what my friend is doing, it's <code.> for that font that is being used. Hope this is helpful! 
Reply
:icongalaxanova:
galaxanova Featured By Owner Jan 24, 2016
Ahh thank you! That explains a lot xD So how do I code it to use the Courier font, if you don't mind telling me?
Reply
(1 Reply)
:icondigi-tal-cha-os:
Digi-tal-Cha-os Featured By Owner Jan 24, 2016  Hobbyist General Artist
|| Out of Gay ||
|| I'm not sure ||
|| I don't think it works in the comment section ||
|| Here, i'll tag my friend ||
|| She is really good with this stuff ||
|| Kiku-Kaze ||
Reply
:icongalaxanova:
galaxanova Featured By Owner Jan 24, 2016
Thank you for trying to help me! >w< 
Reply
:icon0spritefreak0:
0SpriteFreak0 Featured By Owner Jan 23, 2016  Hobbyist Digital Artist
i dont know why but allways when i use font sizes it wont work...
if i post the comment/journal/note/description or klick on preview
the html tags are not there anymore but the size didnt change at all...
;-;
Reply
:iconkawaiikundesu:
KawaiiKunDesu Featured By Owner Edited Jan 22, 2016  Hobbyist Digital Artist
Test.Test.Test.Test.Test.LOL!
Reply
:iconclassytwist:
ClassyTwist Featured By Owner Jan 22, 2016  New Deviant Hobbyist Artist
Test
Reply
:icontoxicwildcat:
ToXicWildcat Featured By Owner Jan 20, 2016  Hobbyist General Artist
I cant get this to work in stash writer for some reason, does it not work there?
Reply
:iconspritesock:
spritesock Featured By Owner Jan 19, 2016  Hobbyist Digital Artist
sweet ,, thanks! u v u
Reply
:iconcritterwing:
Critterwing Featured By Owner Jan 19, 2016  New Deviant Hobbyist Digital Artist
Text test ;;
Reply
:iconcritterwing:
Critterwing Featured By Owner Jan 19, 2016  New Deviant Hobbyist Digital Artist
test
Reply
:icononeyoungdrawer:
OneYoungDrawer Featured By Owner Edited Jan 17, 2016  Hobbyist Artist
Thank you :3
Reply
:icontyrexchip:
Tyrexchip Featured By Owner Jan 17, 2016  Hobbyist Interface Designer
NO
Reply
:icontetomi-san:
Tetomi-San Featured By Owner Jan 17, 2016  Hobbyist
This is size 1 text.
Reply
:iconpsinetnin:
psinetnin Featured By Owner Edited Jan 16, 2016  Hobbyist Digital Artist
testt
Reply
:iconsatohhikari:
SatohHikari Featured By Owner Jan 16, 2016  New Deviant
Thank you! 
Reply
Add a Comment:
 
×

Featured in Collections

News Articles by zakkiya29

Journals by MistressofQuills

Journals by Anomalies13




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
59,713 (5 today)
Favourites
1,505 (who?)
Comments
1,074
×