{
 "blyg": "0.4",
 "id": "4xf1fsenmp3cxwbhht06h6bqt7",
 "kind": "thread",
 "origin": "https://notionparallax.co.uk/",
 "page": "https://notionparallax.co.uk/2013/a-meaningless-font-and-a-scruffy-one",
 "author": {
  "name": "Ben Doherty",
  "url": "https://notionparallax.co.uk/"
 },
 "created": "2013-09-04T19:21:22Z",
 "updated": "2013-09-04T19:21:22Z",
 "version": 1,
 "content_md": "# A meaningless font, and a scruffy one\n\n\n<p>I was doing some wireframes last week and I kept running into a problem of not knowing how much space to give to any particular text area.</p>\n<p style=\"text-align: center;\"><a href=\"/wordpress/wp-content/uploads/2013/09/wfFont.gif\"><img class=\"size-full wp-image-1493 aligncenter\" alt=\"wfFont\" src=\"https://notionparallax.co.uk/assets/wfFont.gif\" width=\"600\" height=\"196\" /></a></p>\n<p>I solved this by filling up the text areas with some indicative text, but it wasn't particularly well though through, so instead of putting it in and then taking it out, I turned it into junk text. I made two fonts using <a href=\"http://www.paintfont.com/\">paintfont</a>'s generator forms, cleaned them up in <a href=\"http://fontforge.org/\">fontforge </a>and then I just swap the readable one for the meaningless one when I want people to ignore the text and focus on the layout.</p>\n<p>It's not a perfect fit, but it does the job to quickly swap real text for scribbles.</p>\n<p>Feel free to download these <a href=\"http://notionparallax.co.uk/wordpress/wp-content/uploads/2013/09/wireframe-fonts.zip\">wireframe fonts</a> and have a go yourself.</p>\n",
 "content_html": "<h1>A meaningless font, and a scruffy one</h1>\n<p>I was doing some wireframes last week and I kept running into a problem of not knowing how much space to give to any particular text area.</p>\n<p style=\"text-align: center;\"><a href=\"https://notionparallax.co.uk/wordpress/wp-content/uploads/2013/09/wfFont.gif\"><img class=\"size-full wp-image-1493 aligncenter\" alt=\"wfFont\" src=\"https://notionparallax.co.uk/assets/wfFont.gif\" width=\"600\" height=\"196\" /></a></p>\n<p>I solved this by filling up the text areas with some indicative text, but it wasn’t particularly well though through, so instead of putting it in and then taking it out, I turned it into junk text. I made two fonts using <a href=\"http://www.paintfont.com/\">paintfont</a>’s generator forms, cleaned them up in <a href=\"http://fontforge.org/\">fontforge </a>and then I just swap the readable one for the meaningless one when I want people to ignore the text and focus on the layout.</p>\n<p>It’s not a perfect fit, but it does the job to quickly swap real text for scribbles.</p>\n<p>Feel free to download these <a href=\"http://notionparallax.co.uk/wordpress/wp-content/uploads/2013/09/wireframe-fonts.zip\">wireframe fonts</a> and have a go yourself.</p>\n",
 "content_hash": "sha256:8053f1b8f3d81afc22cc2d2cc3c5b8234c30eaa362f03a2f0ccbcc5553432f20",
 "media": [],
 "changelog": [
  {
   "version": 1,
   "at": "2013-09-04T19:21:22Z",
   "note": null
  }
 ],
 "transclusions": []
}