Settings

Theme

San Francisco system font replacement for Yosemite

github.com

107 points by siong1987 11 years ago · 58 comments

Reader

DigitalSea 11 years ago

I might not be in the majority, but I actually like the new system font Helvetica Neue. I am a huge fan of it and on a Retina Display it makes so much sense. Understandably those who do not have the luxury of a Retina Display, I can understand the frustration, but having said that, I think the whole system font change thing has been blown out of proportion.

Even though I like Helvetica Neue, I really dig the new San Francisco font, it is a pretty nice alternative that seems to work pretty well for those who are using a non-Retina Display. If you want to bring back Lucida Grande, this Github repository has a handy script that will do that for you (some work colleagues of mine, designers mainly did it to bring back the old font): https://github.com/schreiberstein/lucidagrandeyosemite

  • doomlaser 11 years ago

    The trend of using ultrathin fonts everywhere will be short-lived and date interfaces quickly. It's a trend inspired totally by the mere fact that high dpi displays can render them without pixelated artifacts, and not because they make sense for design or readability on a fundamental level.

    Thin weight type has uses in good design, but the way it's being applied ad nauseum today is a gimmick.

    • DiggityDug7 11 years ago

      Modern fonts have been frequently thin before the invention of retina screens.

      The overuse of thin fonts might look dated in the future, but I don't agree that this trend is totally inspired by retina screens. If anything, I think Serif fonts have seen the greatest resurgence on web due to Retina screens. High DPI screens will impact our perception of all fonts, just as sans serif grew in popularity on lower dpi screens causing their perception to be more modern and technological.

      In general typography as a whole has become much more interesting on retina screens. So yes, fonts look better now than ever before so don't cheat by using superthin because its trendy.

      • thegeomaster 11 years ago

        Sans-serif typefaces were historically perceived as more modern than their serif counterparts. The simplicity and lack of letterform "decorations" (which serifs are) suggests a character of precision and rejection of legacy and "old ways". This has been the case ever since Swiss designers started using Helvetica and related typefaces set in clear, grid-based designs with modern color choices. So the modern character of sans-serifs dates far before computers and computer displays.

    • pi-err 11 years ago

      The screenshots on github use the thin variant of San Francisco - the equivalent to the current Helvetica Neue would be regular San Francisco. I also suspect they use the "Display" instead of "Text" version, which makes the kerning look strange.

      San Francisco seems to work best at (very) small sizes, where Helvetica breaks. It proves further that Apple thinks of each screen size as a distinct UI - clearly the biggest difference with Google's approach to UI. Off topic: the 2 screen sizes for Watch show they don't want accidental developers for this platform, only fully committed ones.

      I do find Helvetica works better on my Mac screen than SF (I tested in Mail.app).

    • cmelbye 11 years ago

      iOS hasn't used ultrathin Helvetica since its early betas, and I'm not aware of anywhere substantial in Yosemite that uses ultrathin. I believe mostly everything is regular Helvetica.

    • jmartinpetersen 11 years ago

      This reminds me of Computer Modern (the companion default font for TeX) and what is wrong with it. It's even a reasonable explanation of why it is that way - new technology.

  • vl 11 years ago

    Yosemite is clearly first version fully optimized for Retina, potentially at expense of non-retina users. Every time I unlock my MacBook Pro I think "wow, this is gorgeous" (I have another one at work not updated to Yosemite, so I see difference every day). Unlike controversial iOS 7 update, Yosemite clearly looks better than the predecessor.

    • nodata 11 years ago

      But very time I open my Air, I think "oh god what have they done".

      • 72deluxe 11 years ago

        Why?

        I open my MacBook and think "the menu font is badly aliased, yuck" whereas the Mac Pro at work on Mavericks is still a joy to read. And trying to work out where a file is within Xcode is still as simple as right-clicking on the titlebar of the window (like all windows within Mac OS) but on Yosemite, how the heck do I do that????? The titlebar has gone!

        • fit2rule 11 years ago

          I'm on Yosemite with the latest XCode, and all I do is right click on the title bar, as you say, and it gives me the full path to the file ..

          • 72deluxe 11 years ago

            Where though? The jumpbar does the same thing (sometimes - it is buggy). But where on the titlebar do I click to get the "file proxy icon" shortcut?

        • nodata 11 years ago

          You've written why: the badly aliased fonts.

gojomo 11 years ago

For Apple aficionados of a certain vintage, San Francisco will always be the 'ransom font' of the original Mac:

https://en.wikipedia.org/wiki/San_Francisco_%28typeface%29

bbx 11 years ago

Typeface designer Tobias Frere-Jones' opinion about Helvetica in Yosemite: http://www.fastcodesign.com/3031432/why-apples-new-font-wont...

It echoes Erik Spiekermann's view as well: Helvetica wasn't designed for small sizes on screen.

http://spiekermann.com/en/helvetica-sucks/

  • gohrt 11 years ago

    The FastCo blog article, the one what derides the uselessly thin font, is published in an unreadably thin set of fonts.

yincrash 11 years ago

Isn't this against the license for the font? I thought that it was explicitly for the use of designing apple watch ui.

  • billyhoffman 11 years ago

    Uhhh yeah. This "project" is basically a binary blob of Apple's new San Francisco font and a script to hack it into OS X's font system. This is totally illegal in the United States.

fredsted 11 years ago

I was actually saddened when I saw people starting with their patches forcing Lucida back in OS X 10.10.

Helvetica was one of the things that made the iPhone so great.

Helvetica is neutral, timeless and easy to read. It's the perfect user interface font, especially the UI-optimized version OS X 10.10 is using.

As always, people just hate change.

That said, San Fransisco is a cool font, it just looks horrible as a computer font: too much space, and it's almost like all the characters look the same. But for a small device like a watch it's perfect.

mfkp 11 years ago

Looks like a straight up knockoff of Google's Roboto font: https://twitter.com/jm_denis/status/534802341770186752

Only big difference I can see is the 'Q'.

  • mortenjorck 11 years ago

    Only if Backbone is a knockoff of Ember.

    A better comparison would be to say that they both fall into the same typographic category; they are both humanist sans families with a bit of geometric rigidity; both have been compared to the classic DIN type.

    That overlay isn't particularly useful; it only shows that the two families have comparable metrics and tend to follow the letterform patterns common to the category. A better visualization would be a closeup overlay of some characteristic letters, or a pangram set in each.

  • bluthru 11 years ago
  • sammularczyk 11 years ago

    At first glance, they look very similar. However, in use there's a big difference between the two.

    San Francisco is squarer which makes its x-height seem higher. The minor variations in lettering make a massive difference when used in application.

    100% not a knockoff of Roboto. They're really, really different.

mortenjorck 11 years ago

Eventually, I think it's quite likely that Apple will adopt San Francisco across all its operating systems, but that will only happen after a lot more behind-the-scenes typographic tweaking. It may look good enough as a drop-in replacement right now, but everything from stroke widths and hinting for non-retina displays to kerning tables and metrics within the interface will get some attention before anything other than the watch ships with these fonts.

_dps 11 years ago

Does anyone know the licensing status of the TTFs?

  • dshankar 11 years ago

    Apple's TOS specifically states they should only be used for development of Watch apps.

    Distributing it on Github & using it for non-development purposes (i.e. as a system font) is probably against the TOS, but not sure Apple will care enough to do anything about it.

Jgrubb 11 years ago

I don't hate it, but I'd love to just have Lucida back.

nwienert 11 years ago

In chrome 38 it messes up tabs text (they are set too low)

bherms 11 years ago

Noticing a few issues like so:

https://www.dropbox.com/s/cl4to142icjw2ay/Screenshot%202014-...

72deluxe 11 years ago

Does anyone here have a "low res" (like 1440x900) MacBook? I do - it's from 2012 and was the last to have a CD drive so that I could write CDs for bandmates, plus it has a dedicated Ethernet port instead of a mass of external adapters (useful for AVB testing).

Anyway, since Yosemite the font for the menu bar has been a bit "bitty" and not smooth which contrasts sharply with the rest of the shininess seen everywhere - does this resolve this? I thought I'd ask before taking the plunge.

fabrika 11 years ago

The font looks really fresh but it only has Latin glyphs, hopefully they will add Cyrillic and Asian range this winter.

nnq 11 years ago

Am I the only one that thinks Segoe fonts from MS (http://en.wikipedia.org/wiki/Segoe) would look much better than this for the original use (Apple Watch)?

hit8run 11 years ago

I don't know what some designers today have with these ultra thin fonts. One can use thin font variants but only together with big font-sizes.

Form follows function => Font Function = legibility => don't use too thin fonts in smaller sizes.

emillon 11 years ago

> You must be a registered Apple Developer to use these fonts. Do not download if you don't have a paid Apple Developer Program account.

I presume that this is against github's TOS.

andy_ppp 11 years ago

Good god, I've installed it and what a mistake! The weight of the font seems to be very variable and the spacing between letters i s m a s s i v e.

Uninstall sadly :-(

tempodox 11 years ago

Almost nice, but the digit glyphs are destroyed: they're not equally wide any more. Sorry, but can't use a font like that.

oliv__ 11 years ago

This looks really good. Sleek and friendly at the same time.

I just wish there was a way to bring the old dock back, then I might upgrade.

LastZactionHero 11 years ago

After looking over the Yosemite change logs, as a non-iPhone user, it looks like a new font was all I had to look forward to. Every other update seems to concern sharing content between the desktop and iOS devices.

And now I'm finding out this new font- my only real reason for a 5GB update- is so unpopular that a hack to replace it is front page on HN.

  • X-Istence 11 years ago

    There is a lot more to Yosemite than just a font change.

    1. Calendar/Contacts are cleaned up further from what they used to be.

    2. The little green button no longer leaves you wondering what it does, it simply full screens now on a single monitor

    3. There seems to be better consistency across many different applications when it comes to look and feel, and all of the partial see-through/blurriness actually feels pretty nice and gives interfaces a little more depth.

    4. Improved Safari with a new JIT JavaScript engine that makes the web definitely feel faster

    5. iCloud Drive integration, which is nice if you have multiple Macs

    6. Spotlight has been massively improved, and is close to replacing Quicksilver for me.

    The Apple Watch SDK was released today, and people are falling in love with the new font that was released, this hack simply replaces Helvetica Neue with that new font, there is no requirement for you to do so, and I personally won't be replacing my existing font with the one linked here.

    • 72deluxe 11 years ago

      Issue 2 you mention is an issue for me. If I am in Safari or Xcode and click that green blob, I get a full screen window. Now, what if I want to use Calculator to calculate something related to the webpage or code I am viewing? I use cmd-space to open Spotlight and type "calculator" and press Enter. Now, I get a calculator but on an entirely different desktop because fullscreen apps and non-fullscreen apps cannot share the same desktop space. It's STUPID.

      I know you can hold down alt or whatever to make it behave like it used to, but I wish they'd put an option in to make it behave like it used to as the DEFAULT.

      • kalleboo 11 years ago

        > Now, what if I want to use Calculator to calculate something related to the webpage or code I am viewing

        Just type your equation straight into Spotlight and it'll give you the result on-the-fly. Also works for unit and currency conversions.

        • 72deluxe 11 years ago

          Ah good plan. My main complaint is the breaking of "normal" window functionality though, not specifically access to calculator - that was an example.

          But great idea nonetheless!

h3xe 11 years ago

So, Apple dedicate a cohort of designers to revitalize UI and what people do in return? They ruin all this by replacing system font with one from a goddamn 40mm watch.

Disgraceful.

As much as I don't like Yosemite (they really broke Spotlight), its UI is much better than that of previous versions.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection