{"id":6804,"date":"2011-07-09T19:40:11","date_gmt":"2011-07-10T00:40:11","guid":{"rendered":"http:\/\/blog.kenperlin.com\/?p=6804"},"modified":"2011-07-09T19:41:50","modified_gmt":"2011-07-10T00:41:50","slug":"tiny-font-revisited","status":"publish","type":"post","link":"http:\/\/blog.kenperlin.com\/?p=6804","title":{"rendered":"Tiny font, revisited"},"content":{"rendered":"

Today I became curious to know whether the tiny font<\/a> I made a while back could support different font styles. It’s a useful thing to determine, because as far as I know this font is the smallest readable screen font.<\/p>\n

By the way, if you’ve been a grownup for a while (he said oh so diplomatically), you might want to wear reading glasses for what follows. \ud83d\ude42<\/p>\n

As a base comparison for the following discussion, here is my standard benchmark test — the first 515 words of the U.S. Declaration of Independence on a 320×240 screen, with enough room left over for a comfortable margin all around:<\/p>\n


\n
\n<\/center><\/p>\n

As a test I added bold<\/b> and italic<\/i> styles. In the following screen shot, all of the characters on the right half of the screen are in bold<\/b>, and all of the characters on the bottom half of the screen are in italic<\/i> (so the bottom right quadrant is all in bold-italic<\/i><\/b>):<\/p>\n


\n
\n<\/center><\/p>\n

It seems to work just great! Nicely enough, I didn’t even need to make the bold characters take up more room than the non-bold characters. As you can see, the words all remain at their original locations on the screen.<\/p>\n

I also realized that with a font this small, it might be interesting to embed visual messages — or even animations — within the relative boldness of each character on the page. This could lead to a new kind of art form.<\/p>\n

For example, in the below version of the U.S. Declaration of Independence, a shadowy figure appears to loom mysteriously over the document, perhaps subtlely shifting its significance into directions unforeseen by our Nation’s founders:<\/p>\n


\n
\n<\/center><\/p>\n

In a way this image is sort of funny. As long as you don’t, um, think about it too much. \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"

Today I became curious to know whether the tiny font I made a while back could support different font styles. It’s a useful thing to determine, because as far as I know this font is the smallest readable screen font. By the way, if you’ve been a grownup for a while (he said oh so … Continue reading “Tiny font, revisited”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/6804"}],"collection":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6804"}],"version-history":[{"count":4,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/6804\/revisions"}],"predecessor-version":[{"id":6811,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=\/wp\/v2\/posts\/6804\/revisions\/6811"}],"wp:attachment":[{"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6804"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.kenperlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}