{"id":820,"date":"2012-03-08T01:23:52","date_gmt":"2012-03-08T01:23:52","guid":{"rendered":"http:\/\/41j.com\/blog\/?p=820"},"modified":"2012-03-08T01:23:52","modified_gmt":"2012-03-08T01:23:52","slug":"modifying-shellinabox-to-use-gnu-unifont-or-profont","status":"publish","type":"post","link":"https:\/\/41j.com\/blog\/2012\/03\/modifying-shellinabox-to-use-gnu-unifont-or-profont\/","title":{"rendered":"Modifying shellinabox to use Gnu Unifont or Profont"},"content":{"rendered":"<p><a href=\"http:\/\/code.google.com\/p\/shellinabox\/\">shellinabox<\/a> is a web based terminal client, it&#8217;s neat and kind of useful for remote access. However, I don&#8217;t much like the default fonts (which are limited by want is available to your browser). I therefore modified it to use the Unifont WOFF <a href=\"http:\/\/41j.com\/blog\/2012\/03\/gnu-unifont-woff\/\">I previously generated<\/a>.<\/p>\n<p>It \/kind of\/ works. The spacing is still off, and the Unifont WOFF only seems to work in Safari at the moment (it is kind of big!). Anyway, moving to Unifont resolved some of the Kanji rendering artifacts I was having:<\/p>\n<p><a href=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original.png\" alt=\"\" title=\"original\" width=\"551\" height=\"55\" class=\"aligncenter size-full wp-image-821\" srcset=\"https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original.png 551w, https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original-300x29.png 300w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original2.png\" alt=\"\" title=\"original2\" width=\"517\" height=\"41\" class=\"aligncenter size-full wp-image-822\" srcset=\"https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original2.png 517w, https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/original2-300x23.png 300w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/a><\/p>\n<p>You can see that the Hanzi in the first example inserts an extra whitespace above the line. In the second example the Hanzi throws the (s out of alignment, due to the Hanzi width being different than the normal text.<\/p>\n<p><a href=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/modified.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/modified.png\" alt=\"\" title=\"modified\" width=\"490\" height=\"40\" class=\"aligncenter size-full wp-image-823\" srcset=\"https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/modified.png 490w, https:\/\/41j.com\/blog\/wp-content\/uploads\/2012\/03\/modified-300x24.png 300w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/a><\/p>\n<p>This is the version of shellinthebox modified to use Unifont. As you can see it keeps everything nicely in alignment. There&#8217;s also no \/extra\/ white horizontal line. However, every line now gets a whitespace between it, I need to figure out the css padding issues that are causing this.<\/p>\n<p>You can find my shellinthebox fork on github <a href=\"https:\/\/github.com\/new299\/shellinabox\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>shellinabox is a web based terminal client, it&#8217;s neat and kind of useful for remote access. However, I don&#8217;t much like the default fonts (which are limited by want is available to your browser). I therefore modified it to use the Unifont WOFF I previously generated. It \/kind of\/ works. The spacing is still off, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-820","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1RRoU-de","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/comments?post=820"}],"version-history":[{"count":2,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/posts\/820\/revisions\/825"}],"wp:attachment":[{"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/categories?post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/41j.com\/blog\/wp-json\/wp\/v2\/tags?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}