8 ms·

GitHub.com font changed

57 points by dariubs 10y ago

boromi 10y ago
Looks terrible on chrome on windows arrrgg why did it have to change
- helb 10y ago
  It's using your system fonts. If they look terrible, it's not Github's fault…
r24y 10y ago
Viewing it on OS X, it looks like they're using the San Francisco font. A little jarring if you're used to seeing the old typeface 20+ times/day, but it looks good. Fortunately, the transition seems to have gone a bit better than Medium's: https://medium.com/design/system-shock-6b1dc6d6596f#.j5z5g5gy6 https://medium.com/design/system-shock-6b1dc6d6596f#.j5z5g5g...
- toomanybeersies 10y ago
  You would think that a site as large as Medium would think of actually testing their site on Windows before deploying.
jedireza 10y ago
Yeah, I'm getting Cantarell rendering on Gnome, it's no San Francisco.
Phil_Latio 10y ago
Segoe UI on Windows. Roboto looks way better.
mastax 10y ago
apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" sans-serif Seems like they're just trying to use whatever decent sans-serif font is available.
rvern 10y ago
One of the most useful options in Firefox is the checkbox "Allow pages to choose their own fonts, instead of my selections above"[1], also available as browser.display.use_document_fonts in about:config. When this is unchecked, Firefox will ignore all fonts specified by web pages and just use the much-more-likely-to-be-reasonable choice of default font you have made; and you can then disable web fonts, which will make pages load faster. I don't think allowing websites to use specific font names in CSS was ever a good idea. It would have been better to limit them to predefined family names, which would map to fonts the user could customize. In any case, this allows me not to care about the whims of website designers and to always have text in a readable font. Only one issue: one of the unfortunate trends in web design is to use web fonts for icons. Not allowing websites to specify different fonts from the default also happens to break the icons. This isn't enough of a big deal for me to disable the option, but it's an annoyance worth knowing about. [1]: https://clbin.com/bFSlHF.png https://clbin.com/bFSlHF.png
- captn3m0 10y ago
  I have an extension that (tries to) do the same thing for Chrome [0]. I mostly wrote it when I had a metered connection and wanted faster access. [0]: https://github.com/captn3m0/disable-web-fonts https://github.com/captn3m0/disable-web-fonts
- cpu 10y ago
  > I don't think allowing websites to use specific font names in CSS was ever a good idea. I'm with you there. I can't help feeling babied when I visit most websites these days, for more reasons than simply the commonplace (over)use of web fonts.
- flukus 10y ago
  What happens when sites are using font's for images?
  - ori_b 10y ago
    Then it breaks. I can deal with that -- there aren't very many sites that decide to abuse fonts that way, in any case. And who knows, maybe one day SVG will actually reliably render correctly in browsers, and people will use images when they want to display images
nathancahill 10y ago
Anyone know what it was previously? I'm writing a user stylesheet to change it back.
- vmasto 10y ago
  Helvetica on OSX, Arial on Windows.
  - Leandros 10y ago
    They also changed the size from 13px to 14px.
- Zverik 10y ago
  font-family: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 1.4;
  - nathancahill 10y ago
    Thank you. I found this: https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font
misaochan 10y ago
How do I get the old font back? Chrome/Windows font is terrible!
- sebslomski 10y ago
  https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font
- misaochan 10y ago
  Nvm, found a Chrome extension to change it back to Arial.
gnuvince 10y ago
Goddamn, I hate Roboto, it is way too fat by default.
- mayhew 10y ago
  The Bold Roboto [1] just looks awful on my machine. Arial [2] looked much better, and if they want to use the system font, Ubuntu [3] also looks much better. [1] http://i.imgur.com/zfThWXP.png http://i.imgur.com/zfThWXP.png [2] http://i.imgur.com/qngKbGq.png http://i.imgur.com/qngKbGq.png [3] http://i.imgur.com/77vDhCd.png http://i.imgur.com/77vDhCd.png
  - f1lt3r 10y ago
    Yeah, the new font is HORRIBLE!! I have to move back from the screen about 12 inches to read it without my eyes hurting. Way too wide!
  - topspin 10y ago
    Roboto... that's what got me here. I guess Segoe isn't too bad on Windows, but Roboto is just tragic. Wow. Really bad.
haukur 10y ago
The idea behind this change seems to be centred around using a modern font no matter what device the user is on while not sacrificing performance. The trade-off here is brand consistency, but if the alternatives are to use an archaic font or a slow webfont, I think this approach wins.
neelkadia 10y ago
previous was a lot better.
AnonymousPlanet 10y ago
You can alias fonts in Linux, i.e., replace one font with any other. Font Manager is a nice UI for this. I never found anything like it for Windows or OS X.
deleted 10y ago
[deleted]
armabiz 10y ago
Firefox hack: There is an extension to override/inject CSS for specific domains: https://addons.mozilla.org/en-US/firefox/addon/stylish/ https://addons.mozilla.org/en-US/firefox/addon/stylish/ Old styles can be grabbed from the: https://github.com/rreusser/the-old-github-font/blob/master/extension/content.css https://github.com/rreusser/the-old-github-font/blob/master/... After applying the following config: http://i.imgur.com/hGffN8I.png http://i.imgur.com/hGffN8I.png GitHub look is back to normal.
fo747 10y ago
Bold markdown is basically broken on OSX+Chrome, see before & after screenshots here, which I tweeted at Github: https://twitter.com/MrOlovsson/status/752843094765236224 https://twitter.com/MrOlovsson/status/752843094765236224
deleted 10y ago
[deleted]
f1lt3r 10y ago
HORRAY! You can use a Chrome extension to put the font back :) https://chrome.google.com/webstore/detail/the-old-github-font/gklibcblhkjlfhfelnbelngjciflknhp/related https://chrome.google.com/webstore/detail/the-old-github-fon... https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font
ivotron 10y ago
and there I was trying to fix my Firefox (clearing caches, cookiest, etc.) ... XD

57 points by dariubs 10y ago

boromi 10y ago

Looks terrible on chrome on windows arrrgg why did it have to change

helb 10y ago
It's using your system fonts. If they look terrible, it's not Github's fault…

r24y 10y ago

Viewing it on OS X, it looks like they're using the San Francisco font. A little jarring if you're used to seeing the old typeface 20+ times/day, but it looks good. Fortunately, the transition seems to have gone a bit better than Medium's: https://medium.com/design/system-shock-6b1dc6d6596f#.j5z5g5gy6 https://medium.com/design/system-shock-6b1dc6d6596f#.j5z5g5g...

toomanybeersies 10y ago
You would think that a site as large as Medium would think of actually testing their site on Windows before deploying.

jedireza 10y ago

Yeah, I'm getting Cantarell rendering on Gnome, it's no San Francisco.

Phil_Latio 10y ago

Segoe UI on Windows. Roboto looks way better.

mastax 10y ago

apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" sans-serif Seems like they're just trying to use whatever decent sans-serif font is available.

rvern 10y ago

One of the most useful options in Firefox is the checkbox "Allow pages to choose their own fonts, instead of my selections above"[1], also available as browser.display.use_document_fonts in about:config. When this is unchecked, Firefox will ignore all fonts specified by web pages and just use the much-more-likely-to-be-reasonable choice of default font you have made; and you can then disable web fonts, which will make pages load faster. I don't think allowing websites to use specific font names in CSS was ever a good idea. It would have been better to limit them to predefined family names, which would map to fonts the user could customize. In any case, this allows me not to care about the whims of website designers and to always have text in a readable font. Only one issue: one of the unfortunate trends in web design is to use web fonts for icons. Not allowing websites to specify different fonts from the default also happens to break the icons. This isn't enough of a big deal for me to disable the option, but it's an annoyance worth knowing about. [1]: https://clbin.com/bFSlHF.png https://clbin.com/bFSlHF.png

captn3m0 10y ago
I have an extension that (tries to) do the same thing for Chrome [0]. I mostly wrote it when I had a metered connection and wanted faster access. [0]: https://github.com/captn3m0/disable-web-fonts https://github.com/captn3m0/disable-web-fonts
cpu 10y ago
> I don't think allowing websites to use specific font names in CSS was ever a good idea. I'm with you there. I can't help feeling babied when I visit most websites these days, for more reasons than simply the commonplace (over)use of web fonts.
flukus 10y ago
What happens when sites are using font's for images?
- ori_b 10y ago
  Then it breaks. I can deal with that -- there aren't very many sites that decide to abuse fonts that way, in any case. And who knows, maybe one day SVG will actually reliably render correctly in browsers, and people will use images when they want to display images

nathancahill 10y ago

Anyone know what it was previously? I'm writing a user stylesheet to change it back.

vmasto 10y ago
Helvetica on OSX, Arial on Windows.
- Leandros 10y ago
  They also changed the size from 13px to 14px.
Zverik 10y ago
font-family: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 1.4;
- nathancahill 10y ago
  Thank you. I found this: https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font

misaochan 10y ago

How do I get the old font back? Chrome/Windows font is terrible!

sebslomski 10y ago
https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font
misaochan 10y ago
Nvm, found a Chrome extension to change it back to Arial.

gnuvince 10y ago

Goddamn, I hate Roboto, it is way too fat by default.

mayhew 10y ago
The Bold Roboto [1] just looks awful on my machine. Arial [2] looked much better, and if they want to use the system font, Ubuntu [3] also looks much better. [1] http://i.imgur.com/zfThWXP.png http://i.imgur.com/zfThWXP.png [2] http://i.imgur.com/qngKbGq.png http://i.imgur.com/qngKbGq.png [3] http://i.imgur.com/77vDhCd.png http://i.imgur.com/77vDhCd.png
- f1lt3r 10y ago
  Yeah, the new font is HORRIBLE!! I have to move back from the screen about 12 inches to read it without my eyes hurting. Way too wide!
- topspin 10y ago
  Roboto... that's what got me here. I guess Segoe isn't too bad on Windows, but Roboto is just tragic. Wow. Really bad.

haukur 10y ago

The idea behind this change seems to be centred around using a modern font no matter what device the user is on while not sacrificing performance. The trade-off here is brand consistency, but if the alternatives are to use an archaic font or a slow webfont, I think this approach wins.

neelkadia 10y ago

previous was a lot better.

AnonymousPlanet 10y ago

You can alias fonts in Linux, i.e., replace one font with any other. Font Manager is a nice UI for this. I never found anything like it for Windows or OS X.

deleted 10y ago

[deleted]

armabiz 10y ago

Firefox hack: There is an extension to override/inject CSS for specific domains: https://addons.mozilla.org/en-US/firefox/addon/stylish/ https://addons.mozilla.org/en-US/firefox/addon/stylish/ Old styles can be grabbed from the: https://github.com/rreusser/the-old-github-font/blob/master/extension/content.css https://github.com/rreusser/the-old-github-font/blob/master/... After applying the following config: http://i.imgur.com/hGffN8I.png http://i.imgur.com/hGffN8I.png GitHub look is back to normal.

fo747 10y ago

Bold markdown is basically broken on OSX+Chrome, see before & after screenshots here, which I tweeted at Github: https://twitter.com/MrOlovsson/status/752843094765236224 https://twitter.com/MrOlovsson/status/752843094765236224

deleted 10y ago

[deleted]

f1lt3r 10y ago

HORRAY! You can use a Chrome extension to put the font back :) https://chrome.google.com/webstore/detail/the-old-github-font/gklibcblhkjlfhfelnbelngjciflknhp/related https://chrome.google.com/webstore/detail/the-old-github-fon... https://github.com/rreusser/the-old-github-font https://github.com/rreusser/the-old-github-font

ivotron 10y ago

and there I was trying to fix my Firefox (clearing caches, cookiest, etc.) ... XD