1/9/2024 0 Comments Helvetica font kit![]() ![]() Like many changes, though, some people are skeptical. The updated font even has a new name: "Helvetica Now." The company has updated each of Helvetica's 40,000 characters for the digital age, offering three new sizes designed to work on everything from billboards to the tiny screens of a smartwatch. The upgrade was designed by the the Massachusetts type giant Monotype, which controls licensing for Helvetica. Now, after 36 years, the widely used - and widely controversial - font is getting a makeover. Helvetica is ubiquitous around the world, but despite its popularity, the typeface has some issues: letters scrunch together at small sizes and the space between them can be uneven. Even Google, Apple and Netflix used it for a time. It's all over the signage in the New York City subway system. It's been used by brands such as American Airlines, Panasonic and Toyota. Now, the 62-year-old font is getting a face lift for the digital age. Due to the limited selection of fonts available on many mobile platforms (and my unfamiliarity with many of them) I’ve added more options to the test page.Helvetica is celebrated and loathed for its ubiquity. Since I first wrote this I’ve had the chance to test the font stack on a decent selection of mobile devices, so I’ve updated the table to show those findings. So here’s the font stack: font-family: Helmet, Freesans, sans-serif Īnd here’s a table of what you can expect to see as a result: Update I’ve been in contact with the Opera for Mac team about it, and they’ve said they’ll change their sans-serif output to Helvetica or Arial within the next couple of releases to benefit platform consistency. We can reign in Linux by specifying a couple of open-source Helvetica derivatives that are installed on all the main Linux distros Helmet & Freesans. The only edgecases are Opera for Mac (which interprets sans-serif as Lucida Grande) and Linux browsers (which seem to pick an arbitrary font from a hat, but then as they don’t have Helvetica Neue or Arial installed this was how they were behaving previously anyway). ![]() Turns out that Wikipedia simply specify the following: font-family: sans-serif Ī bit of testing revealed that for the most part, just specifying sans-serif will give Windows users Arial and Mac users Helvetica. As I was mid Wikipedia-ing some background information for the problem, I noticed that Wikipedia itself renders in Helvetica (on a Mac) yet doesn’t have the bug. Either way, both bugs occur in modern browsers & render the page unreadable, which is enough reason to look into a different solution. These are the bugs I’ve consistently reproduced, I get reports of others but I haven’t managed to replicate them myself. This in combination with various CSS styles triggers Webkit into having a bit of a breakdown. The same agencies that commission websites by the hundred and really care if things look broken.Īnother bug hits Windows users with a pirated version of Helvetica Neue installed on their system. If you’re just looking at raw numbers this issue is quite rare, but unfortunately there’s a pretty notable demographic where this setup comes as default on every desk - large design agencies. Cool display font, but its almost invisible when set in for text onscreen. On these machines Safari renders Helvetica Neue Bold as Helvetica Neue Bold Outline. The first issue affects pre-Snow Leopard Macs with Adobe’s extended font pack installed. But recently I’ve stress tested this font stack a bit more (hey there BBC GEL) and found a few problems with that have caused me to change up my approach. I don’t know who invented the technique, but you see it recommended everywhere and I’ve used it loads myself. For the last few years having a CSS font stack that specifies Helvetica Neue followed by Arial has been the most popular way to do it, with the aim of presenting Mac users with Helvetica Neue (which is installed on every Mac) whilst Windows users see Arial (a Helvetica variant optimised for Windows). We all love a bit of Helvetica, especially on websites.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |