create account

Typography – Part 3: The Anatomy of Typography by sascha

View this thread on: hive.blog |  peakd.com |  ecency.com
typography · @sascha · (edited)
$1,614.76
Typography – Part 3: The Anatomy of Typography
<html>
<p>Hey steemers!</p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/typo_3.jpg" width="1000" height="610"/></p>
<p><br></p>
<p>Today we’ll take a look at the details of a font, the single components of the letters.</p>
<p>There is no all-embracing book which includes all available types, there are simply too many fonts in existence. You won‘t find a single typographer to know all of them and if you come to know at least 20 to 30 by name you are already considered an insider. Different font styles and warping of fonts create additional difficulties. That’s the reason why it is advised to look at specific characteristics and get to know the fonts better with the help of these.</p>
<p>Actually it’s surprising how a few fonts came to stay for years, decades or even centuries. The ‘classics‘ shine with timeless elegance and shapes brought to perfection. Recreations often don’t put the same power to paper or fall against fashion trends – and there are plenty of them.</p>
<p>The term ‘classics’ is understood to mean these type of fonts which already filled the set-boxes in times of lead typesetting, not quite a few as well. ‘Classics‘ are of course fonts like Garamond, Bodoni and Times and many more mentioned in the last post, <a href="https://steemit.com/typography/@sascha/typography-part-2-remarkable-typographers-and-their-unparalleled-achievements">Part 2</a>.</p>
<p><br></p>
<h2><strong>A first rough differentiation</strong></h2>
<p>It’s possible to make a first rough group of categories:</p>
<p><strong>- Serif fonts (Antiqua)</strong></p>
<p><strong>- Sans serif fonts (Grotesque)</strong>; ‘sans’ means ‘No serifs‘ (latin: sine = without)</p>
<p><strong>- All other fonts</strong></p>
<p><br></p>
<p>To differentiate <em>Antiqua</em> fonts and <em>Grotesque</em> fonts within their own category can be really hard sometimes as they have partially close resemblances. The other fonts are very unconventional creations and are not used for paragraphs and body text. That’s why it’s very easy to differentiate these hundreds of ornamental- , title- , script-, fraktur- and correspondence fonts.</p>
<p><br></p>
<h2><strong>A finer differentiation</strong></h2>
<p>Knowledge about fonts is only acquired through an intensive and dedicated study and view on fonts. A magnifier is very useful to identify the necessary characteristics because the devil is in the details. You practice with the use of printed products or laser prints by comparing them with font pattern books. Beginners will need a collection of writing samples which they can organize and extend. A conscious grahpical view of the environment sharpens the view for fonts as well. Ask yourself what fonts were used as soon as you see a poster, a sign, a mailing, whatever it may be! You’ll feel greater security step by step.</p>
<p>To be able to differentiate single fonts we have to deal with the details. The aesthetics of the fonts is hidden in the shape of the letters. A beautiful grace, sweetness and richness of forms is revealed to the viewer.</p>
<p><br></p>
<p><strong>Examples of different types of serifs:</strong></p>
<p><br></p>
<p><strong>Normal</strong> (e.g. Garamond)</p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif1.png" width="1000" height="300"/></p>
<p><strong>Thin</strong> (e.g. Bodoni)</p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif2.png" width="1000" height="300"/></p>
<p><br></p>
<p><strong>Accentuated</strong> (e.g Rockwell)</p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif3.png" width="1000" height="300"/></p>
<p><strong>Sans</strong> (e.g. Helvetica)</p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif4.png" width="1000" height="300"/></p>
<p><br></p>
<p>That alone already helps to categorize a font, in this example: <em>Antiqua</em> or <em>Grotesque</em>, <em>serif</em> or <em>sans-serif</em>. Not only the form itself but also the interrelation between forms and interspaces, the play of single forms and shapes, irregular ups and downs of ascenders, everything counts up and makes up the font, makes something special and shows the true nature of what we have here – <strong>a piece of art</strong>. A very skilled eye is able to call the font by name without looking at all the details.</p>
<p><br></p>
<p><strong>Detailed typological nominations<br>
</strong>they help to classify and differentiate fonts (doesn’t matter if serif or sans-serif)</p>
<p><br></p>
<p><img src="https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/overview.jpg" width="1001" height="1101"/></p>
<p><br></p>
<p>With the help of these you’ll be able to determine not only a group or category but even the font itself. Whether serif or sans serif doesn’t matter, the nominations are identical.</p>
<p>If you work with fonts and study them you’ll get a good eye for it and it’ll be easy for you (if you practive long enough) to determine a font. Golden rule: Learning by doing. As always :)</p>
<p>Different impressions arise depending on how the details of a font are designed. The creation of a font requires highly artistic skills as you can see and was reserved for only a few individuals back in times. Computer aided digitization (not drawing) is no longer a big deal from a technical perspective. However that’s the reason why fonts are made that are not entirely finished. That happens when the designer does not have this specific ‘ingenious idea‘ and makes copy no. 25 of a font. That’s again the reason why computer technology brought us dozens of similar and ordinary fonts what makes the differentiation itself nearly impossible. In the 60’s a grown typesetter was able to differentiate most of all fonts – an impossible thing to do today.</p>
<p>Thank you for your attention!:)</p>
<p>To be continued …</p>
<p><br></p>
</html>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 183 others
properties (23)
authorsascha
permlinktypography-part-3-the-anatomy-of-typography
categorytypography
json_metadata{"tags":["typography"],"image":["https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/typo_3.jpg","https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif1.png","https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif2.png","https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif3.png","https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/serif4.png","https://dl.dropboxusercontent.com/u/9200425/steemit/Typography%203/overview.jpg"],"links":["https://steemit.com/typography/@sascha/typography-part-2-remarkable-typographers-and-their-unparalleled-achievements"]}
created2016-08-19 00:02:57
last_update2016-08-19 00:13:51
depth0
children15
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value1,474.774 HBD
curator_payout_value139.987 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length5,962
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,267
net_rshares109,615,294,538,380
author_curate_reward""
vote details (247)
@bitswift · 
Please do a post about wingdings :)
properties (22)
authorbitswift
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t023416579z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 02:34:15
last_update2016-08-19 02:34:15
depth1
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length35
author_reputation3,445,407,648,199
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id882,106
net_rshares0
@efrageek · 
Awesome, I had always wondered how fonts were created. Now this confirms that only a skilled artist can do it. Thank you!
properties (22)
authorefrageek
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t015309615z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 01:53:12
last_update2016-08-19 01:53:12
depth1
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length121
author_reputation3,448,832,927,279
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id881,680
net_rshares0
@sascha · 
You're very welcome @efrageek! Happy to help.
properties (22)
authorsascha
permlinkre-efrageek-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t183232204z
categorytypography
json_metadata{"tags":["typography"],"users":["efrageek"]}
created2016-08-19 18:30:48
last_update2016-08-19 18:30:48
depth2
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length45
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id893,546
net_rshares0
@ericbotticelli · 
Have you seen the movie Helvetica?

https://www.youtube.com/watch?v=5toB3nDOFdM
👍  ,
properties (23)
authorericbotticelli
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t001435670z
categorytypography
json_metadata{"tags":["typography"],"links":["https://www.youtube.com/watch?v=5toB3nDOFdM"]}
created2016-08-19 00:14:39
last_update2016-08-19 00:14:39
depth1
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length79
author_reputation10,318,326,138
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,434
net_rshares3,900,655,121
author_curate_reward""
vote details (2)
@sascha · 
@ericbotticelli Not yet! On my to-do list :)
properties (22)
authorsascha
permlinkre-ericbotticelli-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t002140494z
categorytypography
json_metadata{"tags":["typography"],"users":["ericbotticelli"]}
created2016-08-19 00:19:51
last_update2016-08-19 00:19:51
depth2
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length44
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,519
net_rshares0
@ghasemkiani · 
Thanks for this very useful series on typography. By the way, will you be reviewing Arabic (Persian) script fonts, too? Being a Persian, I am very interested in typography and its history.
properties (22)
authorghasemkiani
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t123043088z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 12:30:48
last_update2016-08-19 12:30:48
depth1
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length188
author_reputation90,438,911,242,538
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id888,021
net_rshares0
@sascha · 
Hi @ghasemkiani! Nothing planned so far, it is a very interesting topic though, we'll see, no promises :)
👍  
properties (23)
authorsascha
permlinkre-ghasemkiani-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t182511075z
categorytypography
json_metadata{"tags":["typography"],"users":["ghasemkiani"]}
created2016-08-19 18:23:27
last_update2016-08-19 18:23:27
depth2
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length105
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id893,424
net_rshares304,945,185
author_curate_reward""
vote details (1)
@me-tarzan · 
Interesting stuff
👍  
properties (23)
authorme-tarzan
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t005836779z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 00:58:36
last_update2016-08-19 00:58:36
depth1
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length17
author_reputation1,283,149,964,339,759
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id881,013
net_rshares22,187,244,166
author_curate_reward""
vote details (1)
@merlinscat · 
Thanx for the great post..look forward to the next
👍  
properties (23)
authormerlinscat
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t003110055z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 00:31:18
last_update2016-08-19 00:31:18
depth1
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length50
author_reputation5,210,455,476,800
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,689
net_rshares22,173,300,650
author_curate_reward""
vote details (1)
@sascha · 
Thank you @merlinscat! Happy to hear!
properties (22)
authorsascha
permlinkre-merlinscat-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t003548877z
categorytypography
json_metadata{"tags":["typography"],"users":["merlinscat"]}
created2016-08-19 00:34:00
last_update2016-08-19 00:34:00
depth2
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length37
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,717
net_rshares0
@onesunbeingnow · 
WOW it is like learning a sub language to use language haha interesting stuff indeed. While I was reading this I couldn't help but think that when writing first came out one had to be very rich to afford to do it so it was like artistry. The artisan would take great care to craft each letter eloquently and perfectly   as it took so much effort back then to learn to read and write and then be lucky enough to afford materials to write with. It makes me feel lucky to just have it all basically for free and at the mere touch of a button, minus some serious artistic flair. But I suppose we can make up for that in being able to express ourselves more flexibly and quickly.
properties (22)
authoronesunbeingnow
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t001506455z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 00:15:15
last_update2016-08-19 00:15:15
depth1
children2
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length674
author_reputation4,913,785,199,778
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,446
net_rshares0
@sascha · 
Hi @onesunbeingnow! Absolutely. It's common nowadays to share fonts for free. e.g. Google fonts and AdobeTypeKit make them easily accessible and available. But the good ones are expensive. Not even Helvetica is for free: The family pack which includes all available font faces is about $1300.
properties (22)
authorsascha
permlinkre-onesunbeingnow-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t003006167z
categorytypography
json_metadata{"tags":["typography"],"users":["onesunbeingnow"]}
created2016-08-19 00:28:18
last_update2016-08-19 00:28:18
depth2
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length292
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id880,648
net_rshares0
@onesunbeingnow · 
WOW that is a lot for fonts... 0_o For that price I could pay for lessons to write them for real hahaha XD
properties (22)
authoronesunbeingnow
permlinkre-sascha-re-onesunbeingnow-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t020347804z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 02:03:57
last_update2016-08-19 02:03:57
depth3
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length106
author_reputation4,913,785,199,778
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id881,793
net_rshares0
@theblondepoptart · 
This is really interesting and informative. I'm trying to get into hand lettering, and need to learn more about this stuff!
properties (22)
authortheblondepoptart
permlinkre-sascha-typography-part-3-the-anatomy-of-typography-20160819t123722658z
categorytypography
json_metadata{"tags":["typography"]}
created2016-08-19 12:37:33
last_update2016-08-19 12:37:33
depth1
children1
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length123
author_reputation5,770,136,701
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id888,088
net_rshares0
@sascha · 
Thank you @theblondepoptart! All the best! Can't wait to see some of your work :)
properties (22)
authorsascha
permlinkre-theblondepoptart-re-sascha-typography-part-3-the-anatomy-of-typography-20160819t183421833z
categorytypography
json_metadata{"tags":["typography"],"users":["theblondepoptart"]}
created2016-08-19 18:32:36
last_update2016-08-19 18:32:36
depth2
children0
last_payout2016-09-19 04:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length81
author_reputation39,970,974,079,575
root_title"Typography – Part 3: The Anatomy of Typography"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id893,570
net_rshares0
Help/Feedback