IBM Plex – A new typeface
ibm.com
ibm.com
It wasn't until I came to this thread I realized there was more, and I should look again, but even then it took me forever to:
1. Realize I needed to put my hand on my mouse, hover the tiny, thin red line to get it to expand, and then use that to navigate.
2. Flip between pgup/pgdn and arrow keys. Sometimes one set worked, sometimes another did, and it would flip at random points in the experience.
Why on earth would you selectively enable and disable the browser's interaction with common navigation keys repeatedly in the span of a single page? I can understand blocking/swallowing one set if you intend to use it somewhere for something else (i.e. the text input sections), but flipping them on and off with no other use for those keys while they are blocked? It boggles the mind.
grumble grumble typical HN, top comment is whining about the webpage instead of focusing on the content. sigh
After clicking the link on my smartphone:
Sweet mother of Jesus, what have they done.
I didn't even spot this at first, a friend did.
Unfortunately it only works with the scroll wheel, or scroll events on a trackpad. It works finger-crampingly slow with my scroll wheel, about 15 full seconds of constant action, but I just found a laptop to try it on, and I think I finally got the effect they were going for with trackpad scroll effect. Much smoother and a neat effect. Spoiled a bit by my first, finger-cramping impression, but otherwise smooth enough that if I stumbled onto that experience first I might have thought nothing of it, or even been impressed.
Still see no reason for it not to responded to normal navigation keys.
I have tested on Firefox 59 and Chrome 65 in Linux.
Perhaps something along the lines: "Wow, look at that ugly page from Dropbox. My eyes hurt! Let's make ours even uglier!"
It's all about "Designer experience", not "User Experience" in this case (i.e. trying to be edgy for the sake of it, in order to impress your designer / PM peers)
I'm unsure to be honest.
This is fucking mental, seriously.
_five months later_, I got a reply asking to explain further. I couldn't even remember what the bug was.
And that's it... there are many things in life more important than learning to navigate this one specific page.
It's also broken on my PC on Chrome, I need to scroll A LOT to advance the page...
It actually was pretty straightforward on iOS Chrome mobile. On Desktop though -- WTF, users are supposed to eventually figure out how to activate the hidden menubar at the top? My first thought after mousewheeling to the giant IBM logo was that Chrome had crashed, because motion/interactivity had seemingly stopped so suddenly. Not since the Flash days have I seen a bespoke interactive web experience with such prominent navigation/UX confusion.
That said, when I figured out how to navigate, I enjoyed reading the narrative text, and I definitely plan on trying the font out in my next project.
Thankfully we use a far superior tool now :-)
Almost 2 years later, Plex was born.
(This is a true story, by the way.)
Or so I thought, because I'm fairly certain everything we did in the 1990s has been thoroughly erased by ridiculous document retention policies.
And then they get sued by Plex, Inc and starts over.
The thing I haven't figured out yet is why they made it open source rather than keeping it exclusively for their own use.
I'm impressed with the number of people who think that JS on most people's webpages is a good idea. Or that any JS was necessary to announce this font. It wasn't and wasn't carried off well here (nothing for the no-JS crowd).
A far easier page to write up and one that would have looked better could have been done with nothing but HTML, CSS (demonstrating the font in real-world usage even), and perhaps some PNGs to show bitmaps of the font (useful for those who, wisely, don't load every font the page says to load).
https://github.com/IBM/plex has the free font.
Makes me wonder why it's not more popular today.
Silly me, I... heh, the first time I ever saw TnR was in relation to MS Word. And so I read this sentence thinking first about screen resolution, then "but why would you print ads in your documents"...
1. The lower-case ell ("l") and number one ("1") look so similar that I need almost to squint to see the difference, if I'm tired.
2. Plex seems to distinguish between letters by small "inside" features, as opposed to "edge" features. What I mean can be seen by contrasting "a" and "g" in Plex and Monaco.
I think it's this second thing that tires my eyes. While I admit that the letters are clearer in Plex than in Monaco (e.g. there's no mistaking "a" for "o" in Plex), I find that tired eyes can get enough information from the outside shape to distinguish the features, and there is a higher comfort level in viewing the characters, without the extra high-wavenumber twists and turns of the "pen".
Again, I think a lot of this may just be that I have old and never-especially-great eyes. But I thought I'd mention these things, in case younger folks find their eyes growing tired and are wondering why.
Kris Holmes's and Chuck Bigelow's Lucida is one of the most recent comprehensive new type families, and that's from a generation ago. Other computer companies (Digital for example) helped support their effort.
So this is a big deal. It's a huge effort, and they made it open source and free. That's great. Thanks IBM, for supporting type designers. No doubt some of them are early in their careers. IBM's support has definitely given them a leg up. IBM will help us see another generation of new type.
It has decent ligatures ("fi" for example, look at the Slack desktop app's type to see what a ligature looks like). It only has one style of digits (figures, typeheads call them) rather than the choice of proportional and lining. But this is the 21st century and proportional figures are known as "old style".
It's no surprise the team wanted to make an artists' statement about their purposes and choices, and personally I found it (their web site) worth reading. It was a big nuisance to navigate, though.
I hope IBM can emerge from the cloud wars intact. It's gonna take focus. Unfortunately, a new typeface doesn't look like focus.
Also Apple's San Francisco, admittedly missing a serif variant, is a similarly broadly scoped project... of much higher quality.
Both of the above typefaces have fonts with character sets / glyph counts exceeding Plex: Plex Sans Regular - 663, Source Sans Pro Regular - 832, SF Pro Text Regular - 2439.
IBM Plex as an open source font is cool, however I think is of limited use to the broader design community... the formal qualities carried over from Paul Rand's IBM logo make it too idiosyncratic to use outside IBM products.
For IBM, I think it's awesome, especially considering it's replacing Helvetica.
Also, your terminology for figure styles is inaccurate. Proportional means of variable horizontal width (not monospaced), where the alternative is tabular figures (monospaced for tables). Old style figures can be either of the above, however their form is more like lowercase characters (an 'old style') that tend to work better in continuous text.
Edit: From BoldMonday's comment in issue 103: "TrueTypes can be - and in the case of IBM Plex are - specifically hinted for screen. OpenTypes with PostScript outlines are not able to do that."
Also, OTF is required for advanced typography features. Given that TrueType hinting is mostly ignored, OTF is generally a better choice.
[1] https://en.wikipedia.org/wiki/TrueType#Macintosh_and_Microso...
(I have to change as now it downloads the whole repo as it used to be in a giant repo with no release.)
IBM has always served as a medium between mankind and machine.
Between the natural and the engineered.
The emotional and rational.
The classic and the cutting-edge.
Our most important job is to help humanity and technology move forward together.
IBM Plex™ brings these relationships to life through letterforms.
I was able to read this stuff by first pounding my knee with my fist, then biting so hard on my left hand I nearly lost some fingertips. But I made it through it. The challenging scrolling actually provided some additional and welcome distraction from the sheer horror of the words.As for the rest:
https://www.statista.com/statistics/269396/global-market-sha...
It's too early to tell if that last quarter is an amazing turn-around trend, or an anomaly.
If I ever see this font again, I probably won't even know I'm looking at it.
Apple's always had their own typeface, though I don't remember them using one as heavily as San Francisco. But it feels very in-character for them.
Samsung did it, I suspect, because Apple did.
The key difference being that Garamond is a classic on its own, and Myriad is even the default font in Adobe products (at least InDesign).
That's exactly what I was getting at, thanks!
Of course cost is also a major aspect. Random article claims that "Until recently, it [IBM] was spending over a million dollars each year to license Neue Helvetica for the company". With that sort of money you can afford to make your own fonts too.
While I'd agree that e.g. the Netflix font was somewhat non-remarkable/forgettable, I think they did manage to capture surprising amount of IBMness into Plex. I noticed it on their docs pages before they made big fuss about it, and really remarked to myself on how neat the font was.
Plus, if their push is to tie the font back to IBM strongly, allowing anyone to freely use the font is good press, so why not?
What are some other corporate fonts?
The font has just the right amount of whimsy/flair for me, and the style of the italics is pretty neat.
"Those curly braces are gorgeous"
What is IBM even doing that's worthwhile?
The Arial connection is that Arial has the same origin as a Helvetica alternative. It even shares similar differences to Helvetica, such as the construction of "C".
"This Font Software is licensed under the SIL Open Font License, Version 1.1."
My conclusion:
OMG, what has the world come to. It's 2018 and I have more great fonts at my disposal than I know to choose from. I could honestly live with any of them, but I'll stay Plex for a bit, if just for the beautiful 7.
[1] I do have other fine choices, like Inconsolata, Droid Mono, etc, but not enough time to try everything.
[1]: https://ia.net/topics/in-search-of-the-perfect-writing-font/
In the meantime the "glorious" IBM releases a free font, and this is newsworthy.
I think the Internet, while started out as something really promising, it's done for. Let it die, before it's too late, please. Someone, pull the plug, let's start over. Maybe the next one will be better, who knows.
Really though, this is sort of a silly trend. Why does every tech company need to create their own typeface? Do they actually think anyone is going to care, or even notice?
https://docs.microsoft.com/en-us/typography/opentype/spec/fe...
From https://en.wikipedia.org/wiki/%C3%9F I understand that that's the Antiqua form while nowadays the Sulzbacher form is used. But I don't know anything serious about typography.
Regardless, neat article. It is interesting to get into the weeds of typography. For anyone this introduced to the topic, dive in, it is a wonderful subject!
Does it load jank free on anyone's mobile device? Curious to know if there are devices out there with no jank on this site.
- to more easily distinguish 't' from similar characters, such as 'f'. Particularly with monospace fonts, rigid adherence to rules can result in character confusion.
- to balance the foot of the 't' which extends to the right.
Is it available as a Selectric typeball?
lwQ{}vxz
Edit: Correction, it's just Mono Italic Bold. Looks better in other formats.
Do "normal people" enjoy this type of scrolling behavior?
Also it is not easy to tell l (lowercase L) and 1 (the number 1) apart in their monospaced font.
It also makes me wonder: is IBM trying to push subliminal advertisements for its brand through this typeface?
Overall, I'm surprised it's taken IBM this long to put out a font.
Things you expect to scroll the page:
* Arrow keys
* Scroll Bar
* Page Up/Down Keys
* Hold middle mouse button
* Scroll wheel (ONLY THIS WORKS)
* Mobile swipe (didn't test)
distinctly IBM indeed.
There is a reason they didn't stop improving on animations after the flip book was invented.