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:
 
:iconthe-lonelyartist:
The-LonelyArtist Featured By Owner Edited 2 days ago  Hobbyist Traditional Artist
testing
Reply
:iconfantasyflamefox:
Testing?
Reply
:iconzharleste:
Zharleste Featured By Owner Feb 15, 2018  Hobbyist Digital Artist
testing?
Reply
:icongalaxydeviant975:
GalaxyDeviant975 Featured By Owner Edited Feb 14, 2018  New Deviant Hobbyist General Artist
hOI
Reply
:iconleaille:
Leaille Featured By Owner Feb 14, 2018  Hobbyist Digital Artist
huehuehue
Reply
:iconrandomcurator:
RandomCurator Featured By Owner Edited Feb 13, 2018  Hobbyist Digital Artist
test 
Reply
:iconanoymousisheretoask:
AnoymousIsHereToAsk Featured By Owner Edited Feb 10, 2018  Student Digital Artist
wot
Reply
:iconpuppballoo:
puppballoo Featured By Owner Edited Feb 10, 2018
="Comic Sans MS">Comic Sans MS>Test
Reply
:iconfianna2016:
Fianna2016 Featured By Owner Feb 9, 2018  Student Traditional Artist
test



test
Reply
:iconfianna2016:
Fianna2016 Featured By Owner Feb 9, 2018  Student Traditional Artist
test

test
Reply
:icono0-turtledove-0o:
o0-turtledove-0o Featured By Owner Feb 7, 2018  Hobbyist Digital Artist
Courier New, Courier
Reply
:icono0-turtledove-0o:
o0-turtledove-0o Featured By Owner Feb 7, 2018  Hobbyist Digital Artist
test
Reply
:icono0-turtledove-0o:
o0-turtledove-0o Featured By Owner Feb 7, 2018  Hobbyist Digital Artist
hi ??
Reply
:icontorunjozukuwaseseta:
TorunjoZukuwaseSeta Featured By Owner Edited Feb 4, 2018  New Deviant Hobbyist Digital Artist
:iconlablayers:
Hi.I want the font"Segoe print band Deviantart Muro.
Can you explaint it easier(not being dumb)?

If for journals,so also for"Stash writer textes"?

How I use it in Muro?

Custom boxes are only for core members.
What you mean with"dummies"?

We are not dummies,you shrimp!
Reply
:iconslitream:
SlitReam Featured By Owner Jan 28, 2018  Hobbyist General Artist
testt
Reply
:iconslitream:
SlitReam Featured By Owner Edited Jan 28, 2018  Hobbyist General Artist
test
Reply
:iconthatrandom4977:
ThatRandom4977 Featured By Owner Jan 20, 2018
Test of size 999
Reply
:iconbezrail:
Bezrail Featured By Owner Jan 22, 2018  Student General Artist
The size only works on journals
Reply
:iconthatrandom4977:
ThatRandom4977 Featured By Owner Jan 23, 2018
I see. Thanks.
Reply
:iconshinmegamitenseishy:
ShinMegamiTenseiShy Featured By Owner Jan 20, 2018  Student Artist
What about Zalgo font, is that an option?
Reply
:iconwingedwolf717:
WingedWolf717 Featured By Owner Jan 21, 2018  Hobbyist General Artist
...that's a font?
i just go here, a͎̙̽̽n̘̗͚̄̐̓̅ͦ̚d̝̻̤̾̐ ̈́ͪͮ̑͏̖̼̗̫i̼͂ͦt̰͙̖̉͟ ̥̬̘̯̭͖w͙ͅo͇͇̗͍̿r҉̞k̛̟͖̣s̟͇̒̈ͩ͊͋͂͊͜ ͔̳͉͂̄̈̃͗͌j̝͚̞̳͍̼͡u̠̐̓̓̋̃s͂ͬ̈҉t̳̯͓͎̔̅͞ ̸͓̰͓̤̉̇f̨̩͇͎́i҉͈̗n̄̑̈́̾̒͐e͕̘̙͙̼ͫ̋̀ͧͬ
i've done it in journals before, no issue XD
Reply
:iconbmskittlez:
BMSkittlez Featured By Owner Jan 19, 2018  Hobbyist Digital Artist
Omg thank you so much for this!
You truly are a big help! X3
Reply
:iconbonbons-qoops:
BonBons-Qoops Featured By Owner Jan 18, 2018  Student
ay boss>
Thanks
Reply
:iconthousand-streams:
thousand-streams Featured By Owner Jan 13, 2018  Hobbyist Writer
Thank you!
Reply
:iconricoro:
Ricoro Featured By Owner Jan 6, 2018  Hobbyist Traditional Artist
One of the most helpful things out here,
Thank you!
Reply
:icontanjeriin:
tanjeriin Featured By Owner Dec 28, 2017   Artist
this is a test
Reply
:iconangelfun222:
Angelfun222 Featured By Owner Dec 25, 2017  Hobbyist Digital Artist
Guys. It usually doesn't work in comments. It's best in journals or custom boxes. But yes, it all does work.

The ones used for commenting are < b > , < i > , < u > , < strike > and < sub >. (Always end with / in the <> before the word)

< b > - Hello!
< i > - Hello!
< u > - Hello!
< strike > - Hello!
< sub > - Hello!

You can use these and make combos, but add the ending code at the end. Here's a mix of them all: Hello! It works, see!

Have fun mixing a lot of these together, but just remember that not all of these work in the comment sections. Try a custom box or journal and let me know if you have a problem, I'd love to help!

STOLEN FROM AGENTGRAYSTRIPES
Reply
:iconn-o0drin:
n-o0drin Featured By Owner Dec 23, 2017  Student General Artist
This is size 999 text.
Reply
:iconn-o0drin:
n-o0drin Featured By Owner Dec 23, 2017  Student General Artist
Test
Reply
:icondreamiiko:
DreaMiiKo Featured By Owner Dec 22, 2017  Hobbyist Digital Artist
Djkdod
Reply
:icongaarafanlovers:
gaarafanlovers Featured By Owner Dec 21, 2017  Student Writer
test
Reply
:iconrainyuwu:
rainyuwu Featured By Owner Dec 21, 2017  Hobbyist General Artist
testtt
Reply
:iconmisssalzsee:
MissSalzsee Featured By Owner Dec 20, 2017  Hobbyist General Artist
<h6> test </h6>
Reply
:iconxxkalosxx:
XxKalosxX Featured By Owner Dec 18, 2017  Student Digital Artist
<font wytiwyg="1" size"0.5"=""> ohhhhhhhhh lol sorry but test</font>
Reply
:iconhimitsuuk:
HimitsuUK Featured By Owner Dec 17, 2017   Photographer
Helpful.
Reply
:iconcr0oow:
Cr0oow Featured By Owner Dec 14, 2017  Hobbyist General Artist
test
Reply
:iconcr0oow:
Cr0oow Featured By Owner Dec 14, 2017  Hobbyist General Artist
Times New Roman" size="4">Test.</font><font
Reply
:icon1-800-tr4sh:
1-800-TR4SH Featured By Owner Edited Dec 13, 2017  Student Filmographer
test
Reply
:icon1-800-tr4sh:
1-800-TR4SH Featured By Owner Edited Dec 13, 2017  Student Filmographer
<font wytiwyg="1" size="" 999''=""> aaaaa</font>
Reply
:iconmoon-plum:
Moon-Plum Featured By Owner Edited Dec 12, 2017  Hobbyist Digital Artist
Test 
 blah blah blah 
Reply
:iconcalliopendeja:
Test.
Reply
Add a Comment:
 
×




Details

Submitted on
October 1, 2011
Link
Thumb

Stats

Views
102,773 (20 today)
Favourites
2,414 (who?)
Comments
1,755
×