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:
 
:iconrunetyphoon:
RuneTyphoon Featured By Owner Edited 15 minutes ago  New Deviant Student Digital Artist

thank you for this whelp, testing a few things here
Reply
:iconbutterfingersu:
Butterfingersu Featured By Owner 1 day ago  Hobbyist Digital Artist
testing
Reply
:iconfionnalover16:
FionnaLover16 Featured By Owner 5 days ago  Hobbyist Digital Artist
Test
Reply
:iconsaeliaperali:
SaeliaPerali Featured By Owner Edited 6 days ago
Test
Reply
:iconmissxmeow:
MissXMeow Featured By Owner Edited Aug 9, 2018   Digital Artist
Testy testy
Reply
:iconyama-kirin:
Yama-Kirin Featured By Owner Aug 8, 2018  New Deviant Hobbyist Digital Artist
test
Reply
:iconayano323:
Ayano323 Featured By Owner Edited Aug 3, 2018
test
Reply
:iconnightmakesart:
NightMakesArt Featured By Owner Jul 25, 2018  Hobbyist Digital Artist
Hello
Reply
:iconjadeyplays:
JadeyPlays Featured By Owner Jul 11, 2018
Test.
Reply
:iconjadeyplays:
JadeyPlays Featured By Owner Jul 11, 2018
Test.
Reply
:iconstariessiy:
starIessIy Featured By Owner Jul 10, 2018  Hobbyist Digital Artist
test
Reply
:iconsgt-stories:
SGT-Stories Featured By Owner Jul 6, 2018
Sadly, the font size code does not work. Maybe dA's recent updates have broken it.
Reply
:iconshiftttt:
shiftttt Featured By Owner Jul 6, 2018  Student Digital Artist
test:  testing testing 1 2 3
Reply
:iconget-seth:
get-Seth Featured By Owner Jul 2, 2018  Student Digital Artist
How do you change size and font in 1?
Reply
:iconsalty-saltines:
Salty-Saltines Featured By Owner Jun 30, 2018  Hobbyist Digital Artist
</b><font face="Courier New
Reply
:iconnightdies:
NighTDies Featured By Owner Jun 30, 2018  New Deviant Hobbyist Traditional Artist
Thank you. >w>
Reply
:iconcharopl:
CharoPL Featured By Owner Jun 30, 2018  Hobbyist Digital Artist
thanks
Reply
:icondevinmakesart:
DevinMakesArt Featured By Owner Jun 21, 2018  Hobbyist Filmographer
this is a test, mann
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jun 20, 2018  Hobbyist Artist
Try posting 1 that actually works for everyone and not just you
Reply
:iconfuryquantmin:
FuryQuantmin Featured By Owner Jul 25, 2018  Student General Artist
B̷̡̧̧̧̢̹͔̻͙̳͈̻͕̗̭͚͉̤̙̹̜̥̙͙̪̳͚͕̙̼̠̫̱̱̲̫̘̱̫͓͔͕͙̞͎̟͐̆̈́͋͛̓̑̿͒͌̌͂͒̈́̊͒͐̈́͒͑̔̐̃̈́̃̿̃̿̇̀̐̎͆́̇̃͘͘͘͘͜͝͠Í̷͈̞̟͓͈̆͗͌̂͋̍́̂̂͗̐̈̓͌̎̋̍́̀͌̓̂͋̒̏͋̊̈́̚͘͠͝T̸̡̧̡̨̘͚͖̺̬͇͔̟̲͇͈͇̤̺͙̖̱̭̤̳̘̮̪̝̹̪͎͙͈̤̼̞̫̱͕̗̭̣͔̬̯̱̝͊̓͒̽̓͐͌̐̾̐̈́͐̅͋́̋̈̎͗̌̃̈́́̽̃̽̾̈̋̾͑̊̈́͗̒̏̽̆̕͘̕͜͝͝͝ͅͅͅC̴̢̨̢̛̛̗̜̭̱̩̪̬͙̝͈̯͍̻̙̉͊͂̓̄͗̔́̎͛͋̈́̋́̃̏̂͗̾͛́̒̑͆́͂̎̈̆̃̈́͂̉̓̈́̽̌̄͒̆̃̉͌̌́̽͑̊͋͒̋̂̓͒͛͑̀͆͆̄̈́̎̉͑̂̅̎̾̾̆͊̍̚͜͝͠͠͝͝͠͠Ḩ̶̡̧̡̡̡̢̡̨̛̹̦̥͓̪̺̞̞̲̼͍̫͍̬͔̫̰̩̜̪̲͖̼̟͓̘̮͕͔̰̝̪̼̞̣͖̳͉̦̼̗̮̥̭͕͉͍͕͎͊̄̅͒̓͆́͊̑̂̓̿͆̇̈́͋̑́̐̀̑̂͋͒̏̅̎̽́͛́̄̇̿̈́̀͂́̇̽̈́̓̈́̈́́̀̋͑͂͛̉͗̒̿̃̈́͆̕̚̚̚͜͝͝͝͝͝͝ͅͅ!̷̧̡̧̣͖̯̠̓̄̐̂̉̓̋̎̇̏͋̆̆͋̎̂̏͂̔̄̄̊̇̊̈́̒́̊͛͒̏̋̎̊̔͐͐͑͘̕͠͝
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 25, 2018  Hobbyist Artist
U sound like MimiVapy XD
Reply
:iconfuryquantmin:
FuryQuantmin Featured By Owner Jul 25, 2018  Student General Artist
*face twirls* ya know, i hear something!
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 25, 2018  Hobbyist Artist
Something: hey
Reply
:iconfuryquantmin:
FuryQuantmin Featured By Owner Edited Jul 25, 2018  Student General Artist
It does! lul!
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 25, 2018  Hobbyist Artist
bruh i meant the different size text you dick XD
Reply
:iconfuryquantmin:
FuryQuantmin Featured By Owner Jul 25, 2018  Student General Artist
Bean reference i use, i was actually testing if the glitch one works 
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 25, 2018  Hobbyist Artist
O ok XD
Reply
:icon0rganic-trash:
0rganic-Trash Featured By Owner Jul 2, 2018  Student General Artist
actually it should work for everyone unless youre mistyping the code!
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 3, 2018  Hobbyist Artist
Ive been copy+pasting
Reply
:icon0rganic-trash:
0rganic-Trash Featured By Owner Jul 3, 2018  Student General Artist
sometimes it doesnt work right away
i tried copy pasting someone's blockquote code, and it didnt work, but the same blockquote code from another page did so idk!
what code do you need?
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 3, 2018  Hobbyist Artist
(Actually tye blockquote works XD)
I just need the large letters
Reply
:icon0rganic-trash:
0rganic-Trash Featured By Owner Jul 3, 2018  Student General Artist
unfortunately, there is no enlarging code allowed yet for comments, but using the "font size" codes in any boxes on your page should work!
Reply
:iconnightfuryterritory:
NightFuryTerritory Featured By Owner Jul 3, 2018  Hobbyist Artist
Thats what i tried :/
But when i post the comment it looks like i never typed it
Reply
:icon0rganic-trash:
0rganic-Trash Featured By Owner Jul 3, 2018  Student General Artist
"unfortunately, there is no enlarging code allowed yet for comments" deviantart only allows it in boxes and i think journals (you might have to be core)
Reply
(1 Reply)
:iconbluebirdfeathers:
BlueBirdFeathers Featured By Owner Jun 19, 2018
test
Reply
:iconayano323:
Ayano323 Featured By Owner Edited Jun 17, 2018
Test!
Reply
:iconnyebuoi:
NyeBuoi Featured By Owner Jun 16, 2018  Student Filmographer
test
Reply
:iconnyebuoi:
NyeBuoi Featured By Owner Jun 16, 2018  Student Filmographer
test
Reply
:iconnyebuoi:
NyeBuoi Featured By Owner Jun 16, 2018  Student Filmographer
why aint it working?
Reply
Add a Comment:
 
×




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
111,061
Favourites
2,549 (who?)
Comments
1,902
×