{"id":15382954,"url":"https://github.com/reggi/handwritten","last_synced_at":"2025-04-15T19:32:13.225Z","repository":{"id":14741453,"uuid":"17462448","full_name":"reggi/handwritten","owner":"reggi","description":":pencil2: Multiple fonts merged to together to diversify handwritten type. ","archived":false,"fork":false,"pushed_at":"2014-03-07T18:00:52.000Z","size":5844,"stargazers_count":28,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"gh-pages","last_synced_at":"2025-03-29T00:11:15.151Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://reggi.github.io/handwritten/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reggi.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-06T01:47:48.000Z","updated_at":"2024-12-18T22:07:04.000Z","dependencies_parsed_at":"2022-08-31T13:21:30.929Z","dependency_job_id":null,"html_url":"https://github.com/reggi/handwritten","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggi%2Fhandwritten","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggi%2Fhandwritten/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggi%2Fhandwritten/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggi%2Fhandwritten/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reggi","download_url":"https://codeload.github.com/reggi/handwritten/tar.gz/refs/heads/gh-pages","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249138824,"owners_count":21218954,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-01T14:34:47.203Z","updated_at":"2025-04-15T19:32:13.175Z","avatar_url":"https://github.com/reggi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A computer font that feels human.\n\n_Multiple renditions of a handwritten font, and javascript that changes each letter with a different rendition at random in order to diversify handwritten type._\n\nI love handwritten type. I've been greatly influenced by [James Victore's](http://instagram.com/jamesvictore) work, it's bold, unique, and expressive. This is very difficult to replicate on the computer with a font because the repetitive nature of each letter stands out more when it has any sort of character. I've used [myscriptfont.com](http://www.myscriptfont.com/) in the past to create a handwritten font, and it didn't have that human element of each letter being different.\n\n## Summary\n\nI've fixed this problem by creating multiple of the same font (my own handwriting), and creating a javascript library that changes the font of every character in a body of text.\n\n## Process\n\nSo I created handwritten 3 fonts using [myscriptfont.com](http://www.myscriptfont.com/). Each font is only caps, so lowercase letters are also uppercase. This means I have a font with 6 different versions of each letter. With the one font file (ttf or otf) I could create the rest of the necessary web fonts using a service like [font2web.com](http://www.font2web.com/). This gave me all of my a couple of copies of single handwritten font. \n\n## Code\n\nI created a simple query library I'm calling \"jquery.diverse-fonts.js\" it works by applying the attributes below to a html tag that you want to change.\n\n* `data-fonts=\"thomasreggi1, thomasreggi2, thomasreggi3\"`\n* `data-mix-case`\n\nThe script currently picks a random font for each letter.\n\n## Ideas\n\n* Not use the same font twice in a row.\n* Not use the same font for the same next use of a letter.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freggi%2Fhandwritten","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freggi%2Fhandwritten","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freggi%2Fhandwritten/lists"}