No images in this repository’s iceberg at this time
Download raw (17.4 KB)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Adjustment of a bone under the skin</title>
<meta name="generator" content="WordPress 3.0.5" /> <!-- leave this for stats -->
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/themes/osp/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="OSP RSS Feed" href="http://ospublish.constantvzw.org/feed" />
<link rel="pingback" href="http://ospublish.constantvzw.org/xmlrpc.php" />
<link rel="icon" type="image/gif" href="http://ospublish.constantvzw.org/wp-content/uploads/frog.gif">
<link rel="alternate" type="application/rss+xml" title="OSP » Adjustment of a bone under the skin Comments Feed" href="http://ospublish.constantvzw.org/type/adjustment-of-a-bone-under-the-skin/feed" />
<script src="http://simile.mit.edu/ajax/api/simile-ajax-api.js" type="text/javascript"></script><script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script><link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wp-simile-timeline/data/custom.css" type="text/css" />
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wp-simile-timeline/data/timeline.css.php" type="text/css" />
<link rel='stylesheet' id='wp-polls-css' href='http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/polls-css.css?ver=2.50' type='text/css' media='all' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.4.4'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ospublish.constantvzw.org/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ospublish.constantvzw.org/wp-includes/wlwmanifest.xml" />
<link rel='index' title='OSP' href='http://ospublish.constantvzw.org' />
<link rel='start' title='Ok, it is time now.' href='http://ospublish.constantvzw.org/news/is-it-possible' />
<link rel='prev' title='Cookbook Launch' href='http://ospublish.constantvzw.org/news/cookbook-launch' />
<link rel='next' title='Opening the blackbox of printing' href='http://ospublish.constantvzw.org/conversation/opening-the-blackbox-of-printing' />
<meta name="generator" content="WordPress 3.0.5" />
<link rel='canonical' href='http://ospublish.constantvzw.org/type/adjustment-of-a-bone-under-the-skin' />
<link rel='shortlink' href='http://ospublish.constantvzw.org/?p=3107' />
<!-- Portfolio Slideshow-->
<link rel="stylesheet" type="text/css" href="http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/portfolio-slideshow.css?ver=1.1.2" />
<noscript><link rel="stylesheet" type="text/css" href="http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/portfolio-slideshow-noscript.css?ver=1.1.2" /></noscript>
<script type="text/javascript">/* <![CDATA[ */var psTimeout = new Array(); var psTrans = new Array(); var psSpeed = new Array(); var psNoWrap = new Array();/* ]]> */</script>
<!--//Portfolio Slideshow-->
<style type="text/css">
ol.footnotes li {list-style-type:decimal;}
ol.footnotes{font-size:0.8em; color:#666666;} </style>
<style type="text/css">
.wp-polls .pollbar {
margin: 1px;
font-size: 6px;
line-height: 8px;
height: 8px;
background-image: url('http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/images/default/pollbg.gif');
border: 1px solid #c8c8c8;
}
</style>
<!-- Wordpress Popular Posts v2.1.4 -->
<script type="text/javascript" charset="utf-8">
/* <![CDATA[ */
jQuery.post('http://ospublish.constantvzw.org/wp-admin/admin-ajax.php', {action: 'wpp_update', token: 'f81a523d34', id: 3107});
/* ]]> */
</script>
<!-- End Wordpress Popular Posts v2.1.4 -->
<!-- Wordpress Popular Posts v2.1.4 -->
<link rel="stylesheet" href="http://ospublish.constantvzw.org/wp-content/plugins/wordpress-popular-posts/style/wpp.css" type="text/css" media="screen" />
<!-- End Wordpress Popular Posts v2.1.4 -->
</head>
<body>
<div id="container">
<div id="masthead">
<h1><a href="http://ospublish.constantvzw.org" title="Home">OSP</a><a href="http://en.wikipedia.org/wiki/Tardigrada" class="star" title="Tardigrade"><img src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/bear_6.jpg"></a>
</h1>
<h2>Open Source Publishing – Design Tools For Designers</h2>
</div><!--masthead-->
<!--<div id="head_bckgr"><img src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/title.jpg"></a></div>-->
<ul id="subnav"><li><a href="http://ospublish.constantvzw.org">Home</a></li><li class="page_item page-item-2"><a href="http://ospublish.constantvzw.org/about" title="About">About</a></li>
<li class="page_item page-item-83"><a href="http://ospublish.constantvzw.org/archives" title="Archives">Archives</a></li>
<li class="page_item page-item-241"><a href="http://ospublish.constantvzw.org/contact" title="Contact">Contact</a></li>
<li class="page_item page-item-4838"><a href="http://ospublish.constantvzw.org/library" title="Library">Library</a></li>
<li class="page_item page-item-81"><a href="http://ospublish.constantvzw.org/links" title="Links">Links</a></li>
<li class="page_item page-item-938"><a href="http://ospublish.constantvzw.org/tags" title="Tags">Tags</a></li>
<li><a href="/recipes">Recipes</a></li><li><a href="/image">Snapshots</a></li><li><a href="/works">Works</a></li><li><a href="/foundry">Foundry</a></li></ul>
<ul id="nav">
<li class="cat-item cat-item-18"><a href="http://ospublish.constantvzw.org/category/conversation" title="OSP converses, talks with, interviews.">Conversations</a>
</li>
<li class="cat-item cat-item-21"><a href="http://ospublish.constantvzw.org/category/downloads" title="Our foundry and source repository. A list of digital files.">Downloads</a>
</li>
<li class="cat-item cat-item-17"><a href="http://ospublish.constantvzw.org/category/education" title="OSP teaches and learns.">Education</a>
</li>
<li class="cat-item cat-item-46"><a href="http://ospublish.constantvzw.org/category/live" title="OSP shares findings. Prints and parties. Public appearances.">Live</a>
</li>
<li class="cat-item cat-item-1"><a href="http://ospublish.constantvzw.org/category/news" title="Fresh and new for and at OSP.">News</a>
</li>
<li class="cat-item cat-item-65"><a href="http://ospublish.constantvzw.org/category/texts" title="Library. Texts we like, texts we write.">Texts</a>
</li>
<li class="cat-item cat-item-38"><a href="http://ospublish.constantvzw.org/category/tools" title="Tools for work and reflection. Not always digital.">Tools</a>
</li>
<li class="cat-item cat-item-3"><a href="http://ospublish.constantvzw.org/category/type" title="Typography to write and design with.">Type</a>
</li>
</ul>
<div id="content_box">
<div id="left_side">
<div class="navigation">
<span class="previous">« <a href="http://ospublish.constantvzw.org/news/cookbook-launch" rel="prev">Cookbook Launch</a> </span>
<span class="next"><a href="http://ospublish.constantvzw.org/conversation/opening-the-blackbox-of-printing" rel="next">Opening the blackbox of printing</a> »</span>
</div><!--navigation-->
<div class="wide_post">
<div class="post">
<h1>Adjustment of a bone under the skin</h1>
<p class="meta"><a href="http://ospublish.constantvzw.org/category/foundry_blog/fonts-foundry/osp-din" title="View all posts in OSP-DIN" rel="category tag">OSP-DIN</a> · <a href="http://ospublish.constantvzw.org/category/texts" title="View all posts in Texts" rel="category tag">Texts</a> · <a href="http://ospublish.constantvzw.org/category/type" title="View all posts in Type" rel="category tag">Type</a> · June 25th, 2009 · <a href="http://ospublish.constantvzw.org/author/pierre/" title="Posts by Pierre">Pierre</a></p>
<div class="entry">
<p>Last LGM and its typographic excitements has brought the <a href="http://ospublish.constantvzw.org/type/din-4">DIN – Das Ist Norm – Loch Ness project</a> to the surface of the Saint Laurent river again in a discussion with Denis Jacquerye from <a href="http://dejavu-fonts.org/">Deja Vu</a>. Back in Brussels, we meet Denis in the temporary OSP Studio at Rue de la Senne to begin to define on what criteria and with which tool to work (name dropping : stroke parts – stroke fonts in FontForge – svg fonts in Inkscape – Metafont – …). So we browse through some of the pictures we brought back from the DIN archive.</p>
<p>From the different versions we have seen in the archives, it seems that the main DIN letters models are based on solo strokes drawn on a grid at small size. It was the regular usage for most of the texts in the engineering environment. The thickness of the tool used (pencil, drawing pen, ball nose mill) defined the boldness of the strokes and the round or less round shape of their extremities, like flesh on bones.<br />
<span id="more-3107"></span><br />
Later this was also applied to larger lettering, so strokes became surfaces and the drawing began to be defined by the contour, by its skin. Simple geometric extrapolation from strokes were operated, using the unit of the grid as unit for the thickness of the stroke, to normalize sizes. In the oblique letters, the angle of the shape at the end of strokes became angled and goes farther than the regular width, defined by the grid. So, as these letter parts could be less open in their ‘fill’ version than in their ‘stroke’ one, the core was moved a little towards the inside of the glyph to fit in the grid.</p>
<p>That shift from calligraphy to typography is traditionaly hidden in the progressive adaptations by generations of letterers. But in the case of the DIN lettering, as a norm, the movement must be described in detail. And that effort produced the beautiful figure that appeared before Harrisson and me two year ago on a screen of the library of the DIN Institute…</p>
<p><a href="http://ospublish.constantvzw.org/wp-content/uploads/din-skin-bones.jpg"><img src="http://ospublish.constantvzw.org/wp-content/uploads/din-skin-bones-400x188.jpg" alt="din-skin-bones" title="din-skin-bones" width="400" height="188" class="alignnone size-medium wp-image-3114" /></a></p>
</div>
<p class="meta">Tags: · <a href="http://ospublish.constantvzw.org/tag/berlin" rel="tag">Berlin</a>, <a href="http://ospublish.constantvzw.org/tag/calligraphy" rel="tag">calligraphy</a>, <a href="http://ospublish.constantvzw.org/tag/din" rel="tag">DIN</a>, <a href="http://ospublish.constantvzw.org/tag/letters" rel="tag">letters</a>, <a href="http://ospublish.constantvzw.org/tag/thoughts-ideas" rel="tag">Thoughts + ideas</a>, <a href="http://ospublish.constantvzw.org/tag/type" rel="tag">Type</a></p>
</div>
<div class="clear"></div>
</div><!--wide_post-->
</div><!--left_side-->
<div class="sidebar">
<li class="widget">
<h2>Related Posts</h2>
<ul class="related_post"><li><a href="http://ospublish.constantvzw.org/news/osp-full-scale-in-beaubourg" title="OSP full scale in Beaubourg">OSP full scale in Beaubourg</a></li><li><a href="http://ospublish.constantvzw.org/type/din-4" title="DIN 4">DIN 4</a></li><li><a href="http://ospublish.constantvzw.org/news/lower-cases" title="Lower cases">Lower cases</a></li><li><a href="http://ospublish.constantvzw.org/tools/hit-any-key-to-exit" title="Hit any key to exit">Hit any key to exit</a></li><li><a href="http://ospublish.constantvzw.org/live/territorial-practice" title="Territorial practice">Territorial practice</a></li><li><a href="http://ospublish.constantvzw.org/news/infiltrating-culture-in-a-positive-way" title="Infiltrating culture in a positive way">Infiltrating culture in a positive way</a></li><li><a href="http://ospublish.constantvzw.org/news/watch-this-thread-stop-competing-start-collaborating" title="Stop competing, Start collaborating">Stop competing, Start collaborating</a></li></ul></li> </div>
<div class="r_sidebar">
<ul>
<li class="widget">
<form method="get" id="search_form" action="http://ospublish.constantvzw.org/">
<input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'To search, type and hit enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
<input type="hidden" id="searchsubmit" value="Search" />
</form>
</li>
</ul> </div>
<div class="commentbar">
<!-- You can start editing here. -->
<div class="comments">
<ul>
<li class="widget">
<h2>
1 Comment ↓</h2>
</li>
<li>
<p>
<h3>1. <a href='http://nitrofurano.gmail.com' rel='external nofollow' class='url'>nitrofurano</a></h3>
<p class="meta">Jun 25, 2009 at 4:16 pm </p>
<div class="entry">
<p>very important information! thank you! <img src='http://ospublish.constantvzw.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
</div>
</li>
</ul>
<!-- Comment Form -->
<h3>Leave a Comment</h3>
<form action="http://ospublish.constantvzw.org/wp-comments-post.php" method="post" id="comment_form">
<label for="author">Name</label><input type="text" name="author" id="author" value="" tabindex="1" />
<label for="email">e-mail</label><input type="text" name="email" id="email" value="" tabindex="2" />
<label for="url">Website</label><input type="text" name="url" id="url" value="" tabindex="3" />
<!--<p><small><strong>XHTML:</strong> You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </small></p>-->
<label for="comment">
Comment</label><textarea name="comment" id="comment" rows="8" tabindex="4"></textarea>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="39b11ba272" /></p><div id="trymath_cont">
<p>
<label for="trymath">
If you are human, solve the math-challenge below and enter the answer here:
</label>
<input type="text" name="trymath" id="trymath" />
<pre> __ _ _
/ /_ __/\__ | || |
| '_ \ \ / | || |_
| (_) | /_ _\ |__ _|
\___/ \/ |_|
</pre>
</div>
<script type="text/javascript">
//<![CDATA[
//for( i = 0; i < document.forms.length; i++ ) {
// if( typeof(document.forms[i].trymath) != 'undefined' ) {
// commentForm = document.forms[i].comment.parentNode;
// break;
// }
//}
//var commentArea = commentForm.parentNode;
//var captchafrm = document.getElementById("trymath_cont");
//commentArea.insertBefore(captchafrm, commentForm);
//commentArea.trymath.size = commentArea.author.size;
//commentArea.trymath.className = commentArea.author.className;
function insertAfter (referenceNode, newNode) {
referenceNode.parentNode.insertBefore (newNode, referenceNode.nextSibling);
}
var captchafrm = document.getElementById("trymath_cont");
var url = document.getElementById ('url');
if (url != undefined) {
insertAfter (url, captchafrm);
}
//]]>
</script>
<input name="submit" type="submit" id="submit" src="http://ospublish.constantvzw.org/wp-content/themes/osp/images/submit_comment.gif" tabindex="5" value="Submit" />
<input type="hidden" name="comment_post_ID" value="3107" />
</form>
</div><!--comments-->
</div>
</div>
<div id="footer">
<p>Powered by <a href="http://constantvzw.org">Constant</a> · Unless otherwise noticed, all content available under a <a href="http://artlibre.org/licence/lal/en/">Free Art Licence</a></p>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/lib/jquery.cycle.all.min.js?ver=2.7.3'></script>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/portfolio-slideshow/lib/portfolio-slideshow.js?ver=1.1.2'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var pollsL10n = {
ajax_url: "http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/wp-polls.php",
text_wait: "Your last request is still being processed. Please wait a while ...",
text_valid: "Please choose a valid poll answer.",
text_multiple: "Maximum number of choices allowed: ",
show_loading: "1",
show_fading: "1"
};
/* ]]> */
</script>
<script type='text/javascript' src='http://ospublish.constantvzw.org/wp-content/plugins/wp-polls/polls-js.js?ver=2.50'></script>
<script type="text/javascript">/* <![CDATA[ */var portfolioSlideshowOptions = {psHash: 'true',psLoader: 'false'};/* ]]> */</script>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=2602710;
var sc_invisible=0;
var sc_partition=25;
var sc_security="a6dedaff";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c26.statcounter.com/counter.php?sc_project=2602710&java=0&security=a6dedaff&invisible=0" alt="free hit counter" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
</div><!--footer-->
</div><!--container-->
</body>
</html>