Shop Forum More Submit  Join Login
Typeface Anatomy: A Brief by fiveless Typeface Anatomy: A Brief by fiveless
10/12/11 Wait... what, a DD?! Haha man much thanks guys, I wasn't really expecting this because I really haven't been active much on dA for a really long while. Thanks for the love guys. I updated the preview file so that it displays better here, not sure why the .pdf preview is so strange. That said, the download is now a 48kb zip file with the pdf enclosed.
And yeah, I was thinking of updating this one of these days, I did this thing a realllllly long while ago when I was still not that familiar with Illustrator and designey stuff so yeah, watch this space.

---

A brief, an overview. A brief overview if you've ever wondered what on earth they were babbling about when they say a typeface has "tall x-height with generous counters for ideal legibility".

Yes, it's CC-licensed, and yes, you can get a print if you're really into type. Or just download it. It's a pdf.

And, yay for grids! This is the first time I've worked on Illustrator, and I must admit it was pretty swell to use. I'm going to use it more often in the future.

So this is not technically text art, but humour me, no one would give a damn about this if I placed it in any other category. Ooh, there's a typography section under tutorials.

Aaaand, if you haven't got tired of reading all of this yet, leave a comment! Is something unclear? Did I (gasp) miss something out? Can the layout be improved? Did you find this useful?

And innit [link] awesome? It completely trumps this piece in, well, one fell swoop. In French, though.
Add a Comment:
 

Daily Deviation

Given 2011-12-08
A well presented and informative typography tutorial on the anatomy of a typeface. Typeface Anatomy: A Brief by ~fiveless ( Suggested by pica-ae and Featured by ChewedKandi )
:iconboogleloo:
boogleloo Featured By Owner Jul 2, 2012
blogged on tumblr - [link]
Reply
:icongarymcloughlin:
GaryMcLoughlin Featured By Owner Apr 24, 2012
Might hang this on my wall!
Reply
:iconangie-pictures:
Angie-Pictures Featured By Owner Dec 16, 2011
Congratulations on the DD! :iconflowerheartplz:
Reply
:iconchewysbrother:
ChewysBrother Featured By Owner Dec 8, 2011  Hobbyist Photographer
What about kerning?
Reply
:iconsillycanadianwriter:
sillycanadianwriter Featured By Owner Dec 8, 2011  Student Digital Artist
KERNING = LOVE :heart:
Reply
:iconnikolaj:
Nikolaj Featured By Owner Dec 9, 2011  Hobbyist General Artist
:dance:
Reply
:iconfluffywulfy:
FluffyWulfy Featured By Owner Dec 8, 2011  Student General Artist
woooooh never knew there's names for that o 3o
Reply
:iconpluvieuse:
Pluvieuse Featured By Owner Dec 8, 2011  Student General Artist
Thank you so much
Reply
:iconsakurabomb:
SakuraBomb Featured By Owner Dec 8, 2011  Hobbyist Digital Artist
I feel enlightened!
Reply
:iconkaritxa:
Karitxa Featured By Owner Dec 8, 2011  Student General Artist
Awesome guide! I learned quite a bit which is lovely.
Reply
:iconkplo:
kplo Featured By Owner Dec 8, 2011  Student Photographer
fantastic study!
Reply
:icontrixieg:
trixieg Featured By Owner Dec 8, 2011  Professional General Artist
loveitloveitloveitloveitloveit
Reply
:icondat-inu:
dat-inu Featured By Owner Dec 8, 2011  Professional Digital Artist
i totally love it :DD awesome
Reply
:iconwhitesylver:
WhiteSylver Featured By Owner Dec 8, 2011  Professional General Artist
Wow, this is really useful and overall pretty awsome. I just have one question - what's the difference between median and x-height?
Reply
:iconwolvekit:
Wolvekit Featured By Owner Dec 8, 2011  Hobbyist
The median is the actual line and the x-height is the distance between the baseline and the median. :)
Reply
:iconwhitesylver:
WhiteSylver Featured By Owner Dec 8, 2011  Professional General Artist
Oh, I thought it might be something like that. Thank your for answering! ^^
Reply
:iconavaainsley:
AvaAinsley Featured By Owner Dec 8, 2011
This is great.
My lil sis is in school for design.
I'v linked her :)
Reply
:icontexasdreamer01:
TexasDreamer01 Featured By Owner Dec 8, 2011
I'm printing this out for my English class!
Reply
:iconyzyfr:
yzyfr Featured By Owner Dec 8, 2011
Thank you for sharing knowledge!
Reply
:iconlibbyb:
LibbyB Featured By Owner Dec 8, 2011  Student General Artist
Beautiful and informative. I need this hung on my wall! <3
Reply
:iconliiga:
liiga Featured By Owner Dec 8, 2011
Short and informative, perfect! Thanks for making this and grats on the DD. :)
Reply
:iconfantasystock:
FantasyStock Featured By Owner May 14, 2011
This tutorial has been used in the following news article:
:star: Introduction to Tutorials at deviantART

Thank you so much for taking the time to produce guides to help artists!
Reply
:iconabakkus:
Abakkus Featured By Owner Jan 30, 2011
Thank you for this. <3
I've been digging through typography tutorials for hours all over the net, and nothing really explained these terms as simply as this did. (:
Reply
:icondarretobe:
DarreToBe Featured By Owner Sep 6, 2010  Hobbyist
:faint: I am new to typography. It seems to be a portion of graphic design that has to be taught by somebody other than one's self. I am going to try and make a Typography piece titled Confusing labelling the anatomy like in this tutorial to see if I learned right. If I ever finish will you see if I did it right?
Reply
:iconstimulatingdesign:
stimulatingdesign Featured By Owner Aug 3, 2010  Student Digital Artist
Very nice and thorough. Well Done! I love the colors
Reply
:iconudeen:
UDeeN Featured By Owner Jul 5, 2010  Professional Digital Artist
:heart:
Reply
:iconjamesuyt:
jamesuyt Featured By Owner Apr 24, 2010
That was actually, to my surprise, very interesting. Not sure when this knowledge could come in handy, but it's knowledge nonetheless. Uhh, the last section (using the example of the word 'GUEST') was harder to understand than other sections, perhaps because of the lack of labels, relying only on colour-coding (makes it hard for me as I'm partially colourblind), but apart from that, it was good :)

I'd give you the letter 'F' and say you've got two arms and a beak, but the comments font is a sans-serif font. ;)
Reply
:iconfiveless:
fiveless Featured By Owner Apr 24, 2010
oooyeah, good point there, I didn't label the last section because all the parts there were so darned small. I might consider labelling those, now that you mentioned the point.

aaand :thumbsup: excellent work :D
Reply
:iconjamesuyt:
jamesuyt Featured By Owner Apr 25, 2010
Yeah. I know. Sucks when things are too small..(in a totally non-sexual way)

Woot! xD
Reply
:icone-oshima:
e-oshima Featured By Owner Apr 1, 2010  Hobbyist General Artist
the truth is i didnt read it all.
but this is really impressive !

well presented and detailed.
Great Work !
Reply
:iconlectricity:
lectricity Featured By Owner Feb 15, 2010  Hobbyist General Artist
i know the terminology in my native language but it's good to know it in English also.
thanks!
Reply
:iconfiveless:
fiveless Featured By Owner Feb 16, 2010
you're welcome (: glad you found it useful
Reply
:iconfelina-cat:
Felina-Cat Featured By Owner Jan 24, 2010  Hobbyist General Artist
Very well done :)
Reply
:iconlambosnicko:
lambosnicko Featured By Owner Jan 23, 2010   Interface Designer
this is what they should have showed me at college instead of the terribly presented one. beautifully designed :D
Reply
:iconnefwolf:
NefWolf Featured By Owner Dec 8, 2011  Professional Digital Artist
AGREED!

I was looking for the like button. They gave us out a paper that was photocopied. This would of been much nicer to get 5 years ago.
Reply
:iconfiveless:
fiveless Featured By Owner Jan 23, 2010
ah kind words boost my ego :D thanks! I'm glad you liked it (:
Reply
:iconfauxonym7:
fauxonym7 Featured By Owner Jan 23, 2010  Hobbyist General Artist
wow! i only knew the first one, the basic parts! this is very informative!

and great work!
Reply
:iconfiveless:
fiveless Featured By Owner Jan 23, 2010
thank you!
umm i guess this is required :dummy:
:icondummyscrollplz::icondummyscrollplz::icondummyscrollplz::icondummyscrollplz:
Reply
:iconfauxonym7:
fauxonym7 Featured By Owner Jan 23, 2010  Hobbyist General Artist
ahahah XD

:icondummylaplz:
Reply
:iconsensign:
sensign Featured By Owner Jan 23, 2010  Student Interface Designer
Wowow this is refreshing :D well done! :+fav:
Reply
:iconroot-beer-float:
root-beer-float Featured By Owner Jan 22, 2010  Student General Artist
Also is there a term for the little nobules on the ends of the lowercase r and c?
Reply
:iconfiveless:
fiveless Featured By Owner Jan 22, 2010
they're called ball terminals. as opposed to a beak terminal, which you can see on the "r" in the first text sample.
Reply
:iconroot-beer-float:
root-beer-float Featured By Owner Jan 22, 2010  Student General Artist
I noticed that on the third section when talking about the ear it says "the ear is refers to." You might want to fix that. Over all I quite like it! You have such a clean and concise style of presentation. Makes me excited to take typography classes.
Reply
:iconfiveless:
fiveless Featured By Owner Jan 22, 2010
fixed! thanks :D
Reply
:iconroot-beer-float:
root-beer-float Featured By Owner Jan 22, 2010  Student General Artist
Now it's perfect. :D
Reply
:iconhellhoundp2k:
hellhoundp2k Featured By Owner Jan 22, 2010  Hobbyist Photographer
This is extremely detailed, clear, and well displayed. I've featured it in the "Typography Tutorials" collection in the #Typographers-Society favourites.

Thank you!
Reply
:iconfiveless:
fiveless Featured By Owner Jan 22, 2010
Ah, you're welcome. Glad to be of use :dummy:
Reply
Add a Comment:
 
×




Details

Submitted on
January 22, 2010
File Size
46.4 KB
Link
Thumb

Stats

Views
19,498
Favourites
521 (who?)
Comments
47
Downloads
738

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.