Shop Mobile More Submit  Join Login


To READ this with a Fancy Layout WITH source code, see viclou.deviantart.com/journal/…


Introduction


Did YOU Know that you can use the < font > tag in boxes, journals, descriptions, and in litterature?
Well, yes you can! No Premium Membership REQUIRED!

To prove my point, :eyes: below!


Test.Test.Test.Test.Test.LOL!




The Tag


Did you enjoy the awesome presentation of the "Test." text above? Well, here's the source code:

<font face="Droid Sans" size="9">Test.</font><font face="Arial" size="3">Test.</font><font face="Tahoma" size="1">Test.</font><font face="Oswald, Droid Sans, Lucida Sans Unicode, 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="11"><b>LOL!<b></font>

What goes into that is tag is basically the "size" and "face" subtags! If you need more explanation 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.



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 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 text appears in Times New Roman. -- <font face="FF Meta, Times New Roman">This text will appear in FF Meta if installed. If not, this text 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
Mac Font: Lucida Grande, Lucida Sans Unicode
iOS Font: Helvetica Neue, Helvetica Neue STD, Arial, Helvetica



Last, But Not Least


So... you may combine BOTH font sizes AND font faces, like say in <font face="Arial" size="1">Text</font>. To style your text, use the strong,b,u,i 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 say congrats on the DD! I have spent 2 hours writing this...
Deviously Yours,
LabLayers
To read with a fancy format and source codes, :eyes: [link]

Disclaimer: Please note that the <font> tag is deprecated in HTML 4, and removed from HTML5. Sometime in the future, support for this tag may be dropped (as it already has been in Opera's Presto engine) so seek out other alternatives, like journal skins with premium membership! Please also be aware that <font> does not work in comments, so try it out in a profile widget or journal!


Updates:
10/1/11 - Initial writing
10/2/11 - A minor update, lots of :+faves:, and a PERFECT critique! Yay...;
10/5/11 - Steve Jobs dies...
10/8/11 - A DD!???? YESSS!!!! MY first one!!!! :squee::squee::squee: And... some updates thanks to ~Juandfr! Added disclaimer, too!
5/2/13 - Updated entire tutorial with new options, fixed a few typos. Also, Opera switched over to Chromium.
Add a Comment:
 

Daily Deviation

Given 2011-10-08
Suggester Says; dA Font Formatting Guide by :devviclou: is a wonderful guide that explains how to use different fonts on dA in an easy to understand way. dA Font Formatting Guide by =viclou ( Suggested by bradleysays and Featured by Dan-Heffer )
:iconmod-a-holic:
Wow, really helpful to the community! I always wanted to know how you did font codes and dA does support and doesn't Support! I really think you should get a DD for this, its really worth the attention, and you put a lot of effort and time in this so i hope someone, if faster then me of course, gives you a DD for this :) Thanks for all the time and effort you put in this and i bet the rest of the community who did not know what types of fonts are use-able here, will be really thankful ^^ you get the full ratings!
What do you think?
The Artist thought this was FAIR
725 out of 765 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconwhackinmau:
whackinmau Featured By Owner 2 days ago  Hobbyist Digital Artist
test
Reply
:iconwhackinmau:
whackinmau Featured By Owner 2 days ago  Hobbyist Digital Artist
test
Reply
:iconbreaqq:
breaqq Featured By Owner 6 days ago  New Deviant Student Traditional Artist
success
Reply
:iconpencilhydra:
PencilHydra Featured By Owner Aug 18, 2015  Hobbyist Traditional Artist
<h6> test
Reply
:iconpencilhydra:
PencilHydra Featured By Owner Edited Aug 18, 2015  Hobbyist Traditional Artist
Hmm
Reply
:iconsonic32702:
sonic32702 Featured By Owner Edited Aug 11, 2015  Student Artist
y u no work. so complicated, much frustration
Reply
:iconbeabu:
beabu Featured By Owner Aug 9, 2015  Hobbyist Traditional Artist
If you are doing it in a profile widget,
How do you place the font in like the center of your page ?
Reply
:iconsweetgenerosity:
SweetGenerosity Featured By Owner Edited Aug 1, 2015  Student Artist
o
Reply
:iconleighluna:
LeighLuna Featured By Owner Jul 31, 2015  Hobbyist Digital Artist
Testing
Reply
:iconn0-h0m0:
N0-H0M0 Featured By Owner Jul 28, 2015  New Deviant
This is fuuuuuuuuuuuuuun??
Reply
:icond-om:
d-om Featured By Owner Jul 27, 2015  Hobbyist Digital Artist
test
Reply
:iconfoxukkii:
Foxukkii Featured By Owner Edited Jul 21, 2015  Hobbyist Traditional Artist
Test
Reply
:iconsaki-pomii:
Saki-Pomii Featured By Owner Jul 13, 2015  Hobbyist General Artist
There's also Courier, New Courier
which appears a little more bold and smaller than Courier New, Courier.
Reply
:iconepicsk8r13:
EpicSk8r13 Featured By Owner Jul 12, 2015  Hobbyist Digital Artist
LOL!
Reply
:iconepicsk8r13:
EpicSk8r13 Featured By Owner Jul 12, 2015  Hobbyist Digital Artist
I can't seem to make the font big.
Reply
:iconepicsk8r13:
EpicSk8r13 Featured By Owner Jul 12, 2015  Hobbyist Digital Artist
Text
Reply
:iconepicsk8r13:
EpicSk8r13 Featured By Owner Jul 12, 2015  Hobbyist Digital Artist
LELZ
Reply
:iconepicsk8r13:
EpicSk8r13 Featured By Owner Edited Jul 12, 2015  Hobbyist Digital Artist
IS THIS IT?
Reply
:iconfishouo:
FishOuO Featured By Owner Edited Jul 11, 2015  Student Digital Artist
wwwww 
Reply
:iconfishouo:
FishOuO Featured By Owner Jul 11, 2015  Student Digital Artist
Text
Reply
:iconfishouo:
FishOuO Featured By Owner Jul 11, 2015  Student Digital Artist
 Text 
Reply
:iconsoralru:
SoRalru Featured By Owner Edited Jul 10, 2015  New Deviant
Ww
Reply
:iconlassmiichnicht:
lassmiichnicht Featured By Owner Edited Jun 30, 2015  New Deviant Student Writer
 Testing
Reply
:iconsorrynotsorrycupcake:
sorrynotsorrycupcake Featured By Owner Jun 23, 2015  Hobbyist Writer
 Wow, this is impressive.
Reply
:iconneverlyn:
Neverlyn Featured By Owner Jul 23, 2015  Hobbyist General Artist
ahh how??!! it does not work for me :c
Reply
:iconsulli-ssi:
Sulli-ssi Featured By Owner Jun 23, 2015  New Deviant
Test.
Reply
:icondrexelthedeviant:
DrexelTheDeviant Featured By Owner Jun 22, 2015  New Deviant Hobbyist Digital Artist
test
Reply
:iconsoul-daemon:
Soul-Daemon Featured By Owner Edited Jun 20, 2015  Hobbyist General Artist
Testing 123  

Testing 321 

nope... not working for me.
Reply
:iconafterwedie:
AfterWeDie Featured By Owner Jun 26, 2015  Hobbyist Traditional Artist
It isn't written to work in comments but in other sections, that's the thing.
Reply
:iconsoul-daemon:
Soul-Daemon Featured By Owner Jun 27, 2015  Hobbyist General Artist
:DUMMY:
Reply
:iconnonbinaryduck:
Nonbinaryduck Featured By Owner Edited Jun 17, 2015  Hobbyist Digital Artist
Testing:
The quick fox jumped over the lazy brown dog.
Reply
:iconfaeyriel:
Faeyriel Featured By Owner Jun 17, 2015
Monotype Corsiva is also usable owo
Reply
:iconartypaints:
ArtyPaints Featured By Owner Jun 14, 2015  Hobbyist Digital Artist
Test!
Reply
:icondrexelthedeviant:
DrexelTheDeviant Featured By Owner Jun 14, 2015  New Deviant Hobbyist Digital Artist
Test
Reply
:iconmiki-shirabuki:
Miki-Shirabuki Featured By Owner Jun 10, 2015  Hobbyist General Artist
Testing
Reply
:iconpilln:
pilln Featured By Owner Jun 8, 2015  Hobbyist Artist
Test.
Reply
:iconmiiky-ways:
miIky-ways Featured By Owner Jun 2, 2015  Hobbyist Digital Artist
test
Reply
:iconxxblakeravenxx:
Text
Reply
:iconlivelady:
LiveLady Featured By Owner May 30, 2015  Hobbyist Digital Artist
how can i stop the font from going on? like when i want to but code. and then strike the code font is still there.
Reply
:iconlivelady:
LiveLady Featured By Owner May 30, 2015  Hobbyist Digital Artist
Testing

Testing
Reply
:iconpolterchan:
PolterChan Featured By Owner Edited May 28, 2015  Hobbyist General Artist
Test.

Alright, how about this font?
Alright, peeps, I fail at this hhhhhh *covers face in embarrassment*
Reply
:iconpolterchan:
PolterChan Featured By Owner Edited May 28, 2015  Hobbyist General Artist
This font should be in Impact, and if it's not, well, then I suck.

YEP, I SUCK *runs*
Reply
:iconpolterchan:
PolterChan Featured By Owner May 28, 2015  Hobbyist General Artist
Let's see if this works hhhhhh.
Reply
:iconxcruor:
xCruor Featured By Owner May 25, 2015  Hobbyist General Artist
Text.
normal
Reply
:iconleek-chi:
Leek-Chi Featured By Owner May 14, 2015  Student General Artist
text
Reply
:iconleek-chi:
Leek-Chi Featured By Owner May 14, 2015  Student General Artist
Oh yay it worked for me!
Reply
Add a Comment:
 
×




Details

Submitted on
October 1, 2011
File Size
6.1 KB
Link
Thumb

Stats

Views
93,005 (17 today)
Favourites
5,994 (who?)
Comments
906

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-No Derivative Works 3.0 License.
×