I came in with a familiarity of the art print side of typography as a fan of Etsy (the one stop online shop extraordinaire for all things crafty), but had no real concept of its web based usage. It’s straightforward with print, whereas in coding we have to account for browser reading capabilities. I spent a long time perusing fontsquirrel.com and the Adobe Edge web fonts before deciding on four styles.
For menu and military citation font I wanted a mid-century typewriter feel so I chose:
The header font is fairly similar to Special Elite but isn’t quite as straight and is more transparent:
For the Yearbook (Lucky Bag) Quote I was trying to mimic a guy’s handwriting, which was especially hard since nearly every guy I know has horribly illegible writing:
I love the fonts, but cannot figure out why they are not working in every browser. It is especially painful because I use Firefox and that is the only one I can’t get to accept the specialized type. After browsing FireFox’s support site, I found Font2Web which is supposed to convert TTF or OTF files to more readable WOFF or SVG. Unfortunately after uploading a new file through the website I still haven’t had success in getting Mozilla to read them. Anybody else having this issue?
This assignment is also supposed to use citations. Initially I was having issues with the in-page links or bookmarks, but thanks to W3schools I realized I was using the “class” attribute instead of “id.”
Since uploading my typography assignment through Filezilla only one of my fonts transferred for any browser. Nevertheless, this is my typography site: LT Reem Medal of Honor.