Designer here: Inter is my go-to font - a free (and incredibly made!) cross between Helvetica and SF Pro! Rasmus himself has worked at his fair share of Big Important Brands (part of the original team at Spotify, worked at Facebook, NodeJS, Dropbox, Figma) [0] and it's kinda crazy to me how much Rasmus has affected me: I see the Figma icon he created every day, I see the Spotify branding he founded, I use Inter, it's kinda crazy.
Inter is the kind of font that you use when you need something that just works. Not too fancy, not too simple, it's perfect for so many things. And it's free. And it's open source [1]. What's not to like!
I beg to differ - for UX/UI, especially small screens you want large counters and tracking, as well as much higher x-heights than Inter.
It's a great general purpose font, but not the best for UX/UI. SF Pro has SF Pro Compact to deal with aforementioned issues (It is used on Apple Watch).
This is rather overstating the shortcomings for small sizes – Apple only uses SF Compact on the Watch; SF Text is used on even the smallest elements in iOS and macOS. Inter reduces approximately as well.
As for tracking, it’s already a good practice to use a slightly higher `letter-spacing` value at small sizes (something UIkit does automatically), so this isn’t really a function of the font family.
Large x-heights make me sad; I think they're helpful in screens the size of a phone or smaller, but I don't like them on desktops. Inter's x-heights are already beyond my personal aesthetic tastes.
I should clarify the purpose of x-heights and how it relates to legibility.
Taller x-heights leads to better optical legibility in small sizes.
Shorter x-heights are usually found in fonts such as Source Serif Pro for obvious reasons - it leads to be better shape recognition of the words and improved readability. Excellent in long prose and text use. Usually "Book" fonts have very short x-height. One of my favorites is Nexus Serif: https://www.martinmajoor.com/4_nexus.html
For UX/UI - ever wondered by EXIT signs are in all caps and not written as Exit? It's because of the relation of x-height to legibility at small sizes or larger distances. This is the same for avionics, warning labels, etc.
Inter isn't a good font for UX/UI IMO for the same reason why Helvetica and SF Pro aren't. They're general purpose fonts - neither good at text nor UX/UI but somewhere in the middle.
Would this be a good font to use on a small (2.8 inch) screen? I’ve got a little hobby hardware project I’m working on and am a total typography dunce.
Depends on resolution and color depth / shades of gray. If you have few pixels, and / or 1-2 of bit color depth, you may be better off with a bitmapped font.
If your display is many hundreds of pixels wide and has and several shades for antialiasing, any good font designed and hinted for screens would work.
I've loved using Inter for a long time, and I'm glad they finally fixed some odd kerning/letter spacing issues between certain letters that always bothered me and prevented me from using it on projects.
I think Inter is getting more popular (since it's free) and replacing other popular ones like Circular that cost an arm and a leg, and pretty "look the same" in the lay-person's eyes.
We are also fans:
For our everyday workhorse typeface, we exchanged Roboto for Inter. Roboto is a little bit narrow, and it turns out that Inter was developed by a Swede living in San Francisco, Rasmus Andersson, as a solution to a bunch of limitations he found with Roboto. It looked good and it was widely available free of charge. Tack själv, Rasmus!
https://bcdevices.com/blogs/the-watershed/our-rebranding-eff...
I use Cascadia with it (I know, poor license compatibility microsoft bad yadda yadda), and it goes together quite nice besides the inconsistent weighting.
I'm on Linux, using subpixel antialiasing (very similar to Mac) and I've had the same experience. I do appreciate the thickness, but sometimes I switch it to the light/mediumlight to match it with my system font (Inter)
I love this so much. It's everything I want in a practical typeface. It's only missing a couple little things. Can we get an alternate 7 digit with the line through it, and 1 digit with the bottom horizontal line?
Last week The Changelog talked to Rasmus Andersson about his journey as a software creator, Playbit, and his work on the Inter typeface. Worth a listen.
Perhaps surprisingly, Consolas. Slashed zero, great readability at small and large sizes, good hinting for both low and high DPI screens, easy to read/scan in large blocks, very wide support.
Ubuntu Mono but you need to set font-size bigger than for other fonts.
Ubuntu is an OpenType-based font family, designed to be a modern, humanist-style typeface[1] by London-based type foundry Dalton Maag, with funding by Canonical Ltd
https://en.m.wikipedia.org/wiki/Ubuntu_(typeface)
Weird to see “aåbc” though, since in Norway our alphabet goes “abc…xyzæøå”. It’s like… they took the two very most distant letters in the alphabet and placed them next to each other :S
Very odd choice. If I had to guess I’d say they wanted to make that block of text rectangular, had to add one more letter to do so, and picked one at random without understanding what it is.
EDIT: And now I learn that the designer is Swedish, so if anyone needs me I’ll be eating my helping of crow for that last remark. :$ Sorry Rasmus!
Slightly OT and something I never investigated: I noticed that I can load this typeface within G-Suite (say, Presentations). Is it possible to customize the tracking of typefaces within G-Suite applications? The spacing between letters for this typeface is slightly too much for my personal preference in G-Suite.
Ugh. Like most fonts this one does not appear to have been tested on Windows. On my 1440p monitor in Chrome the “inter bold sample” text all has noticeably jaggy edges.
I swear modern graphics designers only test their designs on high-DPI mac laptops and smartphones.
Honestly, it looks like shit due to the Latin small letter i and j being wrongly positioned, and the kerning in general is faulty (e.g. see the Latin small letter p in the words "shape" or "glyphs", or the Latin small letter e in "zero"). This is on a correctly working Linux system, no other fonts exhibit these problems.
Yeah same for me. On low 1080p) and mid DPI screens on Windows the font looks very blurry, as if there is no hinting at all. Thats unfortunate because otherwise I like this font.
I have been using Inter in our SaaS product for a couple years. Two things I really like about Inter are the tabular numbers option, and the disambiguation option. I combine those two options in a "data" class to style text in data tables to get right aligned number columns, etc.
One thing I don't love about Inter is how wide it is. It takes up a ton of space on mobile. While it is a variable font, it does not support variable width. This is addressed with Inter Display, but I believe that is still alpha and not recommended for use.
It seems very full features with lots of options. My initial reaction was that they didn't do enough to distinguish between I and l which is a deal breaker for me. However, after looking around, they have options with disambiguation and curved tales on l to deal with that issue https://rsms.me/inter/lab/?antialias=default&feat-case=1&fea...
If someone adores Inter but also uses CJK, I highly recommend Pretendard, a fork of Inter. First thing I do after refreshing OS is installing this font. It's such a good font for horrid windows cjk system.
I use it in my low effort low maintenance personal site ( http://pedrobatista.eu ) and love it!
One thing I did notice it's the characters are bolder in Firefox than Chrome, don't know if it can be fixed at font level or it's a browser thing. But it's not a big deal.
Anecdotally, I've switched all my plots to use Inter to label the axes and the legend, and it all just appears much more readable in PPTs to my eyes. Big fan of Inter.
Is there a reason the zero is not more distinguished from the capital letter O? Is it just a design choice, perhaps indicating the preferred uses for this font?
I'm a fan! It is certainly your Helvetica-inspired type, but the extra compression of the links/necks where letter strokes connect are pleasing and give it a nice character.
It seems to be called an "inverted interrobang" and I had never seen it before, either. I can't say I'm a fan; a symbol is only useful if other people understand it.
Anyway, as long as it is not automatically replaced every time someone types ¿¡, it's all good.
If we're calling a spade a spade, then both San Francisco and Inter are replicas of Helvetica.
They're both literally just Helvetica modernized a bit to remove personality (like the curled end to an "R" or "a", or the downstroke of the "G"), and with spacing appropriate for screens rather than print.
Inter isn't any more derivative than San Francisco is -- they're both derivative.
Do you care to elaborate? I understand it might look similar in style, wouldn't call it a replica though, a lot of the fonts are similar. For example, maybe a detailed pixel to pixel comparison why it might be a replica?
It is not a replica, they are similar in style (they’re both neo-grotesk). Also the design of the letters can’t be copyrighted in the US, only the files (.otf, .ttf etc.) can.
So, this looks pretty nice, but does anyone else feel like there's been a surge in San Francisco clones?
If you'd consider using this, why not just use San Francisco itself? I believe Apple supplies it for download so you can use it on any platform.
Alternatively, if you're looking for something generic and familiar that isn't Apple's default, wouldn't it be better to use whatever the default font is on a given platform? Or better yet: choose a typeface that suits your brand and use it across all platforms?
It's been a while since I had to make these kinds of decisions as a designer. Of course it could be that I haven't been thinking about this deeply enough, but these kinds of "budget" fonts don't resonate with me, particularly when the alternative is free.*
* A good counterexample would be the surge in popularity of Gotham after Obama's first presidential run. Proxima Nova was a reasonable and widely available substitute for the fairly expensive Gotham.
They don't provide it for download in a usable form - their download is in a .dmg Mac image, which inside is packaged as a single file .pkg.
You can't easily use it or even extract it on other platforms. Also:
> Subject to the terms of this License, you may use the Apple Font solely for creating mock-ups of user interfaces to be used in software products running on Apple’s iOS, iPadOS, macOS or tvOS operating systems, as applicable. The foregoing right includes the right to show the Apple Font in screen shots, images, mock-ups or other depictions, digital and/or print, of such software products running solely on iOS, iPadOS, macOS or tvOS. Your use of the Apple Font shall also be subject to any specific use restrictions with respect thereto as set forth in the Apple Font or Apple’s Human Interface Guidelines. You may use this Apple Font only for the purposes described in this License and only if you are a registered Apple Developer, or as otherwise expressly permitted by Apple in writing.
Inter is the kind of font that you use when you need something that just works. Not too fancy, not too simple, it's perfect for so many things. And it's free. And it's open source [1]. What's not to like!
[0] https://rsms.me/work [1] https://github.com/rsms/inter
Edit: it's also not a new thing, and not a 'new SF clone' - it's been around since 2016[2].
[2] https://rsms.me/work/inter/