16 ms·

Google Fonts Redesigned

550 points by uptown 10y ago

honkhonkpants 10y ago
Lazy loading while I scroll makes Chrome cry.
- dubcanada 10y ago
  Would you much rather it load 500 different web fonts on page load and take 50 years to load?
  - stonogo 10y ago
    Pagination.
    - netinstructions 10y ago
      I found the non-paginated version to be very responsive and quick. Personally, I prefer non paginated results as long as they're quick, and some user testing studies indicate this as well[1]. UX folks seem to prefer not to paginate[2]. Who loves pagination? Usually advertisers. [1]https://webmasters.googleblog.com/2011/09/view-all-in-search-results.html https://webmasters.googleblog.com/2011/09/view-all-in-search... [2]http://ux.stackexchange.com/questions/21375/is-there-a-point-to-paginating-articles-online http://ux.stackexchange.com/questions/21375/is-there-a-point... Coding horror had an interesting article awhile back about this https://blog.codinghorror.com/the-end-of-pagination/ https://blog.codinghorror.com/the-end-of-pagination/
      - stonogo 10y ago
        Links from half a decade ago are irrelevant here. The claim that pagination only benefits advertisers is ironic, given we are discussing a Google page. The point of pagination in this case is to reduce the client-side processing load and up-front bandwidth consumption to view the page. This isn't a news article. It's a set of nontrivial binary files being downloaded and rendered using javascript. The OP of this thread complained that infinite scrolling plus lazy loading put his browser under heavy load. The first respondent accused him of wanting everything loading up front. I merely suggest a middle ground.
      - mcbits 10y ago
        My only complaint with infinite scrolling is that it breaks the scroll bar. It looks like Google accounted for that here by pre-rendering placeholders so the scroll bar doesn't keep resizing and jumping around. (But this wouldn't work so well if they had, say, 10,000 fonts.) Waiting for dynamic content to fill in the placeholders is no worse than waiting for a new page to load. I just wish we had a standard "lever" widget to replace the scroll bar in lazily loaded pages - similar to the middle-click scrolling on at least some systems that have middle mouse buttons.
  - whatsamattayou 10y ago
    When I go to a web page, yes, I expect the page to load completely and be done with it. No scrolling needed. Show 1 page of content, and use AJAX to quickly load new page content.
- deleted 10y ago
  [deleted]
- scotth 10y ago
  We've discovered quite a bit while building this site, and better scroll performance is in the works. Stay tuned.
SEMW 10y ago
Looks great in Chrome, completely broken in Firefox: https://i.imgur.com/XRMgcHp.png https://i.imgur.com/XRMgcHp.png.
- petepete 10y ago
  Oh, don't worry. Looks amazing in Chrome http://i.imgur.com/FZtjj1U.png http://i.imgur.com/FZtjj1U.png
  - AstroJetson 10y ago
    I got that with IE and Opera also. /sigh, does not bode well for using those font's if the font site is broken.
- Keats 10y ago
  Pfiou I thought I had some issues with fonts again when I opened it on Firefox
- scotth 10y ago
  Hey SEMW, Sorry about that. The missing character detection can be a little finicky. Can I get a browser version / OS?
  - jryan49 10y ago
    I have same issue in Chromium 51.0.2704.84, Arch Linux. I don't have google fonts installed, is that necessary?
    - scotth 10y ago
      No, it is not necessary. We'll take a look.
    - scotth 10y ago
      We didn't have a chance to test specifically on Arch, but we think we got it. Let us know if it works out.
ibero 10y ago
this is an update i didn't know i wanted. so many great little UX improvements to my workflow. an interesting aside, they now have the ability to toggle the background (and font color). the presets are (black on white, white on black) interestingly, one of the presets is black on yellow. i didn't realize this was such a a popular of a text/bg combination.
- macandcheese 10y ago
  It's popular for display fonts and large headlines, there's been an influence of Swedish graphic design into the web lately and that's a common combination. Pretty effective for titles and headers with bold fonts.
STRiDEX 10y ago
Looks like angular 1 with angular material. Works very smoothly here. Neat.
di 10y ago
If anyone is curious about the sample text: * "All their equipment and instruments are alive." (Mr. Spaceship, by Philip K. Dick) * "A red flair silhouetted the jagged edge of a wing." (The Jewels of Aptor, by Samuel R. Delany) * "I watched the storm, so beautiful yet terrific." (Frankenstein, by Mary Shelley) * "Almost before we knew it, we had left the ground." (A Trip to Venus, by John Munro) * "A shining crescent far beneath the flying vessel." (Triplanetary, by E. E. Smith) * "It was going to be a lonely trip back." (Youth by Isaac Asimov) * "Mist enveloped the ship three hours out from port." (The Jewels of Aptor, by Samuel R. Delany) * "My two natures had memory in common." (Strange Case of Dr Jekyll and Mr Hyde, by Robert Louis Stevenson) * "Silver mist suffused the deck of the ship." (The Jewels of Aptor, by Samuel R. Delany) * "The face of the moon was in shadow." (Mr. Spaceship, by Philip K. Dick) * "She stared through the window at the stars." (The Millionaire's Convenient Bride, by Catherine George) ???? * "The recorded voice scratched in the speaker." (Deathworld, by Harry Harrison) * "The sky was cloudless and of a deep dark blue." (A Trip to Venus, by John Munro) * "The spectacle before us was indeed sublime." (A Trip to Venus, by John Munro) * "Then came the night of the first falling star." (The War of the Worlds, H. G. Wells) * "Waves flung themselves at the blue evening." (The Jewels of Aptor, by Samuel R. Delany)
- the_common_man 10y ago
  "She stared through the window at the stars" is just too common a phrase :-) A simple google search suggests a hit in atleast 3-4 books.
  - di 10y ago
    Seems like there would be one that fits the theme though, no?
  - stupidcar 10y ago
    There isn't actually many results at all for that exact phrase, as far as I can see. It looks likely that it's a modification of "he stared through the window at the stars", which doesn't occur much more often, but did appear in A Voyage to Arcturus by David Lindsay.
- 10y ago
mortenjorck 10y ago
This is a gorgeous redesign that really lets the typography shine, as well as deftly addressing numerous usability issues with the old site. The family size filter in particular makes finding a usable set of weights much easier, and the featured section adds a welcome new layer of curation. Two minor observations: - It would be a great addition to the family size slider to be able to filter for "contains italics." Some font families have a broad set of stroke weights, but aren't usable for certain content because they lack italics. - A nitpick, but "Handwriting" has always seemed a somewhat suboptimal filter label. Many of the fonts contained therein might be better described as "script" or "calligraphic", while "handwriting" connotes something more strictly vernacular. All said, this is an excellent update that brings the Google Fonts experience into the realm of subscription services like Typekit.
- michaelmrose 10y ago
  Are you using chrome? It looks pretty dumb in firefox. It looks like this. http://imgur.com/IT7x83h http://imgur.com/IT7x83h
  - magicalist 10y ago
    Chrome and Firefox look exactly the same to me edit: from your comment below, maybe you're on Linux? Sounds like you're seeing the same thing as this subthread: https://news.ycombinator.com/item?id=11903444 https://news.ycombinator.com/item?id=11903444
    - jimhefferon 10y ago
      That is what I see also. FF on Linux.
  - jsprogrammer 10y ago
    Looks the same in Chrome.
    - vanderZwan 10y ago
msoad 10y ago
I thought Google Fonts has Farsi fonts as well.
- deleted 10y ago
  [deleted]
- scotth 10y ago
  Is this what you're looking for? https://fonts.google.com/?subset=arabic https://fonts.google.com/?subset=arabic
  - DonaldFisk 10y ago
    Farsi has four additional letters: : پ [p], چ [t͡ʃ], ژ [ʒ], and گ [ɡ].
    - scotth 10y ago
      I copied those characters into the site, and it looks like they're supported by all but one family. Give it a shot.
  - msoad 10y ago
    No, I Farsi fonts are a little different
    - semi-extrinsic 10y ago
      Not all characters in the font are displayed. If you look at Open Sans, the description says it has 897 characters, but only 290 are shown.
ericmo 10y ago
Very good, but needs a option for resizing. I've tried looking at monospaced fonts and couldn't see them at a size that a monospaced font would actually be used (default is huge).
- theIV 10y ago
  Hover over one and you should see a slider to resize. You can then hit "apply to all." That being said, I wish there were options to jump to some "standard" sizes.
- quantumet 10y ago
  You can select a size for a given font by hovering over it to reveal the size slider and other options (desktop version at least), and then applying the size to all.
  - noxxten 10y ago
    The font size slider is incredibly annoying. There should at least be a field to manually input a size as well. Having fonts jump from 8px - 22px with no space between is useless.
    - kps 10y ago
      Doesn't jump for me. I also notice that if you click the slider, left and right arrow keys change the size by 1px.
hanniabu 10y ago
I'm not sure how I feel about all these different phrases. I think it's easier to pick out which font I like when all the phrases are the same. The phrase "the quick brown fox jumps over the lazy dog" had been a great one because it contains every character in the alphabet so you can see how every letter will look at once.
- toxican 10y ago
  Agreed. Although you can also type in a phrase of your own choosing and click "Apply to All" and it will.
frenchie4111 10y ago
I still have the same problem I had with the old UI: The only reason I come to this site to get the copy/paste one liner to put a certain font on my site, but every time it takes me a few minutes to find it
- stupidcar 10y ago
  1. Click a font's plus icon 2. Click on "1 Family Selected" 3. Copy the embed link from the dialog. How is that hard?
  - pimlottc 10y ago
    Once you know what to do, it's easy, but it's not immediately obvious that you need to "Select" a font in order to use it (as opposed to, say, clicking through to its page), or that clicking on the notification would do anything.
    - droom 10y ago
      I agree. Even clicking the plus icon suggests there'll be more than one type family resource (something you'd want to avoid by default).
    - frenchie4111 10y ago
      This was my point. It's just not intuitive, and I only use the site once every few months, so I have to figure it out again every time.
  - toufka 10y ago
    Very hard. Why would I click on a notification dialog to produce/obtain something? This workflow makes no sense.
thedaemon 10y ago
I kept looking at the fonts to see what changes they made. Then I realized that the website was redesigned, not the fonts. Perhaps the title should be changed to reflect this?
- torbit 10y ago
  sounded correct to me. You just misunderstood, undrstandable. "Google Font" is the name of the product. If the title was "Google's fonts redesigned", then I'd agree.
macandcheese 10y ago
Beautiful redesign! Very cool functionality with the inline editor and contextually revealed selectors. ...but they prevent you from right-clicking to open fonts in a new tab. I can already click into a font by regularly clicking, did they need to override right-click functionality as well?
NKCSS 10y ago
I wish you could filter fonts based on writing style; take the letter a for instance; there can be so many was to represent the lowercase; to get complementary fonts; it would be nice to filter on those characteristics.
- tropo 10y ago
  Like this? 1. I hate the lowercase L ("l") looking partly uppercase. 2. Dollar signs need two bars. (single means Mexican peso) 3. Half way up the at sign ("@") must have 4 lines, not 3. 4. The asterisk must be 6-point, with a vertical. 5. The tilde ("~") must be high. 6. The pipe ("|") must have a center break. 7. The zero ("0") must be more narrow/pointy than the O.
adams_at 10y ago
Long overdue and very nice! I would like to filter by OpenType features, though (e.g., serif font with oldstyle figures).
ocdtrekkie 10y ago
"Your browser is not currently supported. Google Fonts works best on Chrome, Firefox, or Safari." Google still treating Edge users like trash, I see[0]. Microsoft Edge works fine for the vast majority of websites, and a block like this telling you to get a different browser is incredibly painful. If you tell me I need a different browser, I'm going to find a different company or website to do business with. [0]Gmail pesters Edge users weekly to switch to Chrome. Unlike other browsers, where pressing 'not interested' causes it to go away permanently, it returns weekly like a bad rash.
- indubitably 10y ago
  It's not just Edge users, I get the same constant annoyances with Firefox.
  - ocdtrekkie 10y ago
    On the computers I use Firefox, I only get it the first time I use Gmail. Then it doesn't return. But on Edge it seems like it's all the time. And for those who are curious: I submitted feedback about it both with the Submit Feedback button and on the Gmail Help Forum.
  - djsumdog 10y ago
    Yea, I found that really annoying.
- mrweasel 10y ago
  More and more sites are only tested in Chrome. It's not just Edge that no one cares about, Firefox is becoming a second class browser as well. Often it's pretty obvious that the authors didn't even try Firefox, because the JavaScript isn't even loading properly.
  - hanley 10y ago
    I regularly have to email SaaS companies and tell them the service I just signed up doesn't work correctly in Firefox.
zy1t 10y ago
This redesign is awesome, but I think it might have killed my side project. I’ve been working on a site that offers google fonts with better visuals and search by font feature (x-height, stroke contrast, etc) functionality. Sunk 30+ hours into it designing + coding up the front end while my friend works on programmatically tagging the font on the backend. I want to continue working on my project, but it now feels a lot less relevant. Any advice, HN? For the curious, here's a wireframe of the main screen:https://www.dropbox.com/s/vzobxm2a2ul9y5l/main%20search.png?dl=0 https://www.dropbox.com/s/vzobxm2a2ul9y5l/main%20search.png?...
- criddell 10y ago
  IMHO, if Google has scratched your itch, then I think I would find something else that needs to be done.
- amelius 10y ago
  You could generalize the tool, so it also works for other fonts?
  - zy1t 10y ago
    That's a good idea. I'd have to look into how to get copies of licensed fonts to analyze. Actually paying for a license would make this project completely unfeasible.
    - criddell 10y ago
      If you get the basic product up and running, I'm guessing the foundries might give you a license just because you might be able to drive some business to them. There may even be an affiliate angle that could be worked.
- alistairjcbrown 10y ago
  I'd love to see a search interface for all webfonts, powered by an open database of data from across all the major webfont providers. If this interface is independent of Google fonts, then you can apply it to any set of font data.
semi-extrinsic 10y ago
Minor criticism: the characters preview is a bit of a mess. Two issues: 1) You're missing important non-ASCII characters which I know are in some of these fonts (such as Open Sans). These include German and Scandinavian characters like ü ä ö æ ø å ß (maybe more). 2) The ordering is non-standard and makes it hard to see what is actually there and not.
stolsvik 10y ago
Are these free to use? Open and permissive license? Should be the first thing that was mentioned on the site.
- manigandham 10y ago
  Yes. It's on the about page. https://fonts.google.com/about https://fonts.google.com/about > All the fonts in our catalog are free and open source, making beautiful type accessible to anyone for any project. This means you can share favorites and collaborate easily with friends and colleagues. Google Fonts takes care of all the licensing and hosting, ensuring that the latest and greatest version of any font is available to everyone.
  - ocdtrekkie 10y ago
    This is kinda funny given this comment: https://news.ycombinator.com/item?id=11906170 https://news.ycombinator.com/item?id=11906170
eyeareque 10y ago
What is in it for google to give these fonts away? Does it help them track people or learn about sites that use them?
- nilved 10y ago
  Yes, you hotlink the web font files from their servers. Much like their public DNS servers, their public font registry pays them in data.
  - eyeareque 10y ago
    Yeah, I assumed this too. They have a reason for every service they offer.
- schoen 10y ago
  The original story I heard was that it encouraged people to stop using images of text on the web (which used to be a common way to get custom typography in pages). The images of text are hard to index and search because they would require OCR and would lose other possible semantic information that might be present in a textual page. So Google hoped that people would choose to use these fonts and then represent textual information as text rather than as an image. It seems to have worked!
  - eyeareque 10y ago
    That makes perfect sense. Thanks.
hellok 10y ago
\(o_o)/ Unfortunately, this page doesn't exist.
hellok 10y ago
\(o_o)/ Unfortunately, this page doesn't exist. (='X'=) (·_·) \(^Д^)/ (≥o≤)
forrestthewoods 10y ago
These all look really bad on my Win 10 + Chrome machine. It's like the clear type settings aren't working right? Every font has a very fuzzy/blurry edge. Really weird. It's almost like it's rendering small and blowing up. Rather than rendering large and anti-aliasing. Maybe something is wrong with my PC?
legulere 10y ago
The sliders on the right side should also work (and activate the box left to it) when the box left to it is deactivated.
michaelmrose 10y ago
It looks like mad libs to me with all these little boxes in place of some of the letters. This appear to be little input boxes. You can grab and resize the box but it snaps back, you can also type in the box but it is quickly erased. Super ridiculous.
- JoblessWonder 10y ago
  Mine only happens with the letter "i" or "I"... very weird.
rakstrooper 10y ago
Why does Google deliberately ensure that their websites don't work with Microsoft browsers?
- Sgt_Apone 10y ago
  Yeah, that is pretty obnoxious. Doesn't work with Microsoft Edge or Explorer 11.
- laichzeit0 10y ago
  Google does not have to care about them. They can use a Chrome if they really want to use Google websites.
gotchange 10y ago
I congratulate the Google Fonts team The redesign job looks gorgeous and elegant in terms of UI and UX too but can I make a few suggestions if possible? 1- Can you please add a double view button at the top to toggle between «List» and «Grid» views for maximum convenience? 2- At the risk of sounding a bit pedantic but some example sentences for the Arabic fonts don't look perfect. For example, for the «Amiri» font, it's الظلال أخفت القمر or more naturally أخفت الظلال القمر and not الظلال أخفى القمر [1]. For «Lateef» and without going over a lot of MSA grammatical rules, this is the more correct version of the example sentence انطلق صوتُ مسجّل عبر مكبِّر الصوت المنصوب أعلى الباب. [2] [1] The shades hid the moon. [2] A recorded voice went off through a megaphone/speaker mounted above the door.
huntleydavis 10y ago
Very impressive performance loading considering the number of fonts. Curious if they are just loading an incredibly stripped down version of each font for the preview and then lazy loading in the full font if you click to edit the text. Either way thumbs up.
teuth 10y ago
Really dislike the ng-click navigation for opening individual font pages. Those clickable elements should be anchors, to allow opening the pages in new tabs. There doesn't seem to be any usability case for breaking a basic browsing convention here.
xaduha 10y ago
Can someone explain to me why Google Fonts doesn't provide proper cache headers, still? https://stackoverflow.com/questions/29091014/how-do-i-leverage-browser-caching-for-google-fonts https://stackoverflow.com/questions/29091014/how-do-i-levera... Why disallow caching? Unless I'm misunderstanding something.
- putlake 10y ago
  They do provide proper cache headers. They cache the CSS for 1 day. The actual font files are cached for a lot longer than that. The reason for shorter cache periods for CSS is that Google are continually making improvements. The font files are different e.g. for Mac vs Windows because they are optimized for platforms. In general you will find that all URLs that are directly called from millions of websites (e.g. facebook SDK, Google Analytics snippet) have short TTLs. Makes sense when you think about it -- 3rd parties providing these resources need a way to stay agile and ship new versions without forcing millions of websites to upgrade their code.
  - xaduha 10y ago
    > They do provide proper cache headers. They cache the CSS for 1 day. The actual font files are cached for a lot longer than that. I don't see it, not with curl at least. Looks like actual fonts are cached for a year. But not CSS, > curl https://fonts.googleapis.com/css?family=Open+Sans https://fonts.googleapis.com/css?family=Open+Sans -i expires:Tue, 14 Jun 2016 19:02:03 GMT date:Tue, 14 Jun 2016 19:02:03 GMT At the very least they should allow to control that with another query parameter.
    - row1an 10y ago
      Expires is a HTTP/1.0 header, Cache-Control is HTTP/1.1 and used by anything created in the last 10-15 years. Most sites set the Expires header similar to their Cache-Control max-age, but I guess Google just doesn't care and it doesn't really matter anyway.
      - 10y ago
deleted 10y ago
[deleted]
zanerino 10y ago
I can't select 10 px font sizes with the slider on some fonts like "Space Mono." I can with others, and then can click the "Apply to all specimens" to update even the fonts I can't adjust with the slider control. I'm using Firefox 47.0.
huangc10 10y ago
What's the font used on the page? It reads beautifully (especially in the "about") and I'd like to use it.
- huangc10 10y ago
  My bad, for anyone wondering the same, I just read the source and it's Roboto (which google uses a lot so I should thought of that in the first place).
franciscop 10y ago
Isn't it counterintuitive that there are two scroll next to each other for smaller screens? And also that the one on the right is to scroll the content on the left, while the one on the left is to scroll the content on the right. http://imgur.com/x9BMjmR http://imgur.com/x9BMjmR
lossolo 10y ago
Firefox on Ubuntu: http://imgur.com/IpauSTs http://imgur.com/IpauSTs
deleted 10y ago
[deleted]
deleted 10y ago
[deleted]
deleted 10y ago
[deleted]
smpetrey 10y ago
A wonderful update. A useful creation that celebrates type. High-fives are in order.
thomaspark 10y ago
Lovely redesign that addresses usability complaints I had with the old version. In fact I built my own search tool for Google Fonts a few months back because of these issues: http://fontcdn.org http://fontcdn.org Some of my critiques of the old version: http://thomaspark.co/2015/08/a-better-way-to-search-google-fonts/ http://thomaspark.co/2015/08/a-better-way-to-search-google-f...
andyfleming 10y ago
All these updates and still can't select a range for "thickness", "width", etc.
Marazan 10y ago
As a die hard lover of the eurostile inspired 'monofur' as my programming font Space Mono looks very, very interesting.
- Marazan 10y ago
  Conclusion: Not as good as monofur
tacone 10y ago
Still they don't offer any font+css download opportunity in the way that font squirrel does. You have to do it by hand or be stuck with their CDN. How bad.
- magicalist 10y ago
  It's smaller than the big embed info screen, but there's a download button that gives you a zip of your selected fonts in the top right of the "selected fonts" dialog.
  - tacone 10y ago
    Does it give you all the relevant formats (woff/ttf/etc) and the css? If not it's just unuseful.
jenscow 10y ago
Wow - I did not realise they had so many fonts!
cickpass_broken 10y ago
Todd Motto did a bit of an analysis of the client-side, angular performance: https://mobile.twitter.com/toddmotto/status/742789728257355776 https://mobile.twitter.com/toddmotto/status/7427897282573557... "Google Fonts is doing some amazing work on performance, no ng-repeats - superfast DOM rendering. "
- jeffjose 10y ago
  Is that Angular 1 or Angular 2?
  - DigitalSea 10y ago
    Looks like Angular 1.
- seang 10y ago
  How to make Angular faster: don't use it.
alansmitheebk 10y ago
Most of these look like shit in chrome.
dpcan 10y ago
I've been waiting since 1995 to have the same sort of tool built into Windows to view my installed fonts.
Sir_Cmpwn 10y ago
God dammit https://sr.ht/xkFx.png https://sr.ht/xkFx.png Never, ever, ever disable functionailty based on someone's user agent. Just let it be broken, because spoiler alert: it's probably usable anyway.
- donovan28 10y ago
  I disagree. If the team knows for sure that this will look terrible on less popular browsers, then it's probably not worth the PR blow of running a faulty product. This way, 'it works as intended'.
  - Sir_Cmpwn 10y ago
    If you must, put a warning page in place that tells users they proceed at their own risk. Completely locking them out based on their user agent is a crappy thing to do.
- preek 10y ago
  Thank you, Sir, for letting me in on qutebrowser. Being a VIM and I3 user myself, I'll give it a try and look forward to the enjoyment of a simple, yet modern browser. Plus, I agree with your sentiment.
whizzkid 10y ago
I just wondered why it is laggy when I scroll the page down quickly and inspected the network activity. 6 times scrolling ends up with 210 new requests. really? Is this really needed or can't it be improved easily with bigger range of pagination size?
neves 10y ago
Why should anyone buy fonts with so many high quality ones free to use?
avikalpa 10y ago
Is it just me of the Google fonts page look a lot like the Microsoft Metro design?
microcolonel 10y ago
This is very frustrating; can't middle click to open a specimen in another window. I really hate this sort of website. They also seem to disable subpixel antialiasing on some of the transient buttons. I also don't like transient buttons to begin with. Overall really not happy with most of this redesign. The specimen page is probably more informative though. I get that OS X has bad subpixel rendering which shows painful fringing on coloured text, but FreeType handles it flawlessly, and I'm pretty sure ClearType does as well. There's no reason to disable subpixel rendering on these platforms.
chrismorgan 10y ago
This is nice and all (apart from an astonishing—even for Google—degree of browser compatibility regression), but what I really want is for the actual fonts to be updated. Crimson Text, for example, is an outdated version of the font, which it breaks a little further too. Upstream (https://github.com/skosch/Crimson https://github.com/skosch/Crimson) has seen substantial improvements, but Google has never updated it, ignoring the author’s pleas.
- skosch 10y ago
  Hear, hear :) Same for many others, e.g. Montserrat or many of Vernon Adam's designs. That being said, I find the redesign wonderful and long overdue. Maybe now they'll find the time to update their collection.
  - CharlesW 10y ago
    Any suggestions on finding the latest, greatest versions of these fonts? For example, I found what appears to be the home page of Monsterrat (http://montserrat.zkysky.com.ar/en http://montserrat.zkysky.com.ar/en) but it directs me to Google Fonts. Similarly, I searched for "vernon adams fonts" and I don't see what looks like a canonical page for them.
    - crawlerie 10y ago
      Brick.im[1] hosts free fonts on Fastly's CDN. Fonts are directly converted from their sources to .woff only; doesn't support other font formats. No subsetting means the fonts can be very large, especially those with full OpenType features. Most of the fonts are of the latest version though. Fonts not included in Google Fonts, like Linux Libertine/Biolinum, Aileron, and Heuristica are included. If you don't mind the performance hit, you can use it. [1]: http://brick.im http://brick.im EDIT: As for where you can find the new versions of the fonts, you can browse through brick.im's Font repository[2] and click on the `SOURCE` files. The new Montserrat versions are located here: https://github.com/JulietaUla/Montserrat/ https://github.com/JulietaUla/Montserrat/ [2]: https://github.com/alfredxing/brick/tree/gh-pages/_fonts https://github.com/alfredxing/brick/tree/gh-pages/_fonts
gregmac 10y ago
Anyone else having trouble with this? Some characters not showing up. Chrome 51 on Windows 10: https://i.imgur.com/TTNQSOA.png https://i.imgur.com/TTNQSOA.png
adrianlmm 10y ago
I tried. https://imgur.com/umVjMZ4 https://imgur.com/umVjMZ4
twhb 10y ago
To the Google Fonts dev(s) in this thread: why Angular 1, not 2? Was the previous version already using Angular 1?
Ciantic 10y ago
There is still two pages for single font, one such as this: https://www.google.com/fonts/specimen/Open+Sans https://www.google.com/fonts/specimen/Open+Sans And now this: https://fonts.google.com/specimen/Open+Sans?query=open+sans https://fonts.google.com/specimen/Open+Sans?query=open+sans First one always comes up in search results, and is nothing but a link to real page. What gives? This is terrible user experience, if I search for Google fonts, there shouldn't be multiple pages for same font.
barefootcoder 10y ago
The page has an interesting bug with some special characters... it will initially accept it, showing it in a different font, and then it will change to an empty box. I tried a few, such as ™ (trademark) or ∞ (infinity) and they don't show up on the initial overview page, but if you click on the see specimen link you can type the same characters and see that the font does have them defined.
jeena 10y ago
I have to wonder, is this some kind of a joke? https://jeena.net/s/google-fonts.png https://jeena.net/s/google-fonts.png
- ilamparithi 10y ago
  Same issue in Chrome 51, Ubuntu 14.04.
buro9 10y ago
I would love if they released the server logic that chose which file to include. With http/2 I'd like to host the files so that they are served from the same origin, I'd also like to cache the CSS longer than a day. At the moment I hit two domains (and I preconnect) to try and speed this up: <link rel="preconnect" href="https://fonts.googleapis"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> Then in my CSS I import: @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Merriweather:400,400italic,700italic,700); That URL loads: 1. More fonts than I need. 2. Different font files depending on... useragent? I'd prefer to self-host so that I could user http/2 server push for new sessions, and so that I could extend the caching. The same origin via http/2 would accelerate all of the connections, and removing the need for the additional TLS connection to 2 Google properties will speed it up too. These are about my only criticisms of Google fonts, that the little bit to make it really useful for those who want webfonts and performance is the bit that's hidden.
stuaxo 10y ago
Why are loads of the letters replaced by empty boxes ? Is this a gameshow reference? http://imgur.com/CY0yv4R http://imgur.com/CY0yv4R
- Freak_NL 10y ago
  Getting the same thing in Firefox. Works in Chromium though. Is this site still in beta?
- hnatt 10y ago
  Same thing in Firefox under Linux. Even on the same characters.
calewis 10y ago
A "+" icon that has a hover state and an interaction, yet do different things? Good work. Nice quotes are irrelevant if you can't get the basics of user experience right.
chmike 10y ago
What is wrong with this page ? It looks awful with firefox 47.0 on Ubuntu ! [screen capture](http://imgur.com/hqc6jp2 http://imgur.com/hqc6jp2)
- chmike 10y ago
  Problem disappeared after restarting firefox. You may safely ignore the reported problem.
keyle 10y ago
It's definitely an upgrade compared to the old version, but the fact that it needs a "Try typing directly into the... " hint shows the shortcoming of their UX. I didn't know what it meant, took me a few tries. I think it could be better. The hover of the fields should be more obvious that it's editable at least.
textmode 10y ago
fonts.google*.com is similar to the Facebook "Like" button. Google effort to inject themselves into websites that may have nothing to do with Google, read by users who may not even use Google. Users may be far from Google search engine page or any Google controlled subsidiary Blogger, etc., yet their Google-authored? browser is still connecting to Google. These Google font domains are among the many useless and annoying domains I block. I remember the days when another large company was pushing "Web fonts". They asked the user to "install" the fonts; there was no "font server" and incessant phoning home. Today that company forces 10GB+ downloads of their "updated" OS on users without unequivocal consent. The stories of systems crashing in Africa under the load and network admins puzzling over the effects of massive Windows Update traffic in Australia have been amusing. Keep up the great work guys. Those "web fonts" are really amazing!
Flimm 10y ago
Being able to select a language for the sample text is very useful. Thanks Google!
makecheck 10y ago
I’m not sure why but interfaces that consist only of red and black text look very unpleasant to me. I felt the same way when Apple started using red and black for things like iOS calendar highlights. I suspect the reason is that they are both strong colors that compete for attention: black-on-white is high contrast and red is a color that generally “jumps out” from the page due to the eye’s perception of red. To keep the colors from competing, one of the text colors should be softer (and if they must have “red”, they should soften it to something that is closer to pastel or pink).

550 points by uptown 10y ago

honkhonkpants 10y ago

Lazy loading while I scroll makes Chrome cry.

dubcanada 10y ago
Would you much rather it load 500 different web fonts on page load and take 50 years to load?
- stonogo 10y ago
  Pagination.
  - netinstructions 10y ago
    I found the non-paginated version to be very responsive and quick. Personally, I prefer non paginated results as long as they're quick, and some user testing studies indicate this as well[1]. UX folks seem to prefer not to paginate[2]. Who loves pagination? Usually advertisers. [1]https://webmasters.googleblog.com/2011/09/view-all-in-search-results.html https://webmasters.googleblog.com/2011/09/view-all-in-search... [2]http://ux.stackexchange.com/questions/21375/is-there-a-point-to-paginating-articles-online http://ux.stackexchange.com/questions/21375/is-there-a-point... Coding horror had an interesting article awhile back about this https://blog.codinghorror.com/the-end-of-pagination/ https://blog.codinghorror.com/the-end-of-pagination/
    - stonogo 10y ago
      Links from half a decade ago are irrelevant here. The claim that pagination only benefits advertisers is ironic, given we are discussing a Google page. The point of pagination in this case is to reduce the client-side processing load and up-front bandwidth consumption to view the page. This isn't a news article. It's a set of nontrivial binary files being downloaded and rendered using javascript. The OP of this thread complained that infinite scrolling plus lazy loading put his browser under heavy load. The first respondent accused him of wanting everything loading up front. I merely suggest a middle ground.
    - mcbits 10y ago
      My only complaint with infinite scrolling is that it breaks the scroll bar. It looks like Google accounted for that here by pre-rendering placeholders so the scroll bar doesn't keep resizing and jumping around. (But this wouldn't work so well if they had, say, 10,000 fonts.) Waiting for dynamic content to fill in the placeholders is no worse than waiting for a new page to load. I just wish we had a standard "lever" widget to replace the scroll bar in lazily loaded pages - similar to the middle-click scrolling on at least some systems that have middle mouse buttons.
- whatsamattayou 10y ago
  When I go to a web page, yes, I expect the page to load completely and be done with it. No scrolling needed. Show 1 page of content, and use AJAX to quickly load new page content.
deleted 10y ago
[deleted]
scotth 10y ago
We've discovered quite a bit while building this site, and better scroll performance is in the works. Stay tuned.

SEMW 10y ago

Looks great in Chrome, completely broken in Firefox: https://i.imgur.com/XRMgcHp.png https://i.imgur.com/XRMgcHp.png.

petepete 10y ago
Oh, don't worry. Looks amazing in Chrome http://i.imgur.com/FZtjj1U.png http://i.imgur.com/FZtjj1U.png
- AstroJetson 10y ago
  I got that with IE and Opera also. /sigh, does not bode well for using those font's if the font site is broken.
Keats 10y ago
Pfiou I thought I had some issues with fonts again when I opened it on Firefox
scotth 10y ago
Hey SEMW, Sorry about that. The missing character detection can be a little finicky. Can I get a browser version / OS?
- jryan49 10y ago
  I have same issue in Chromium 51.0.2704.84, Arch Linux. I don't have google fonts installed, is that necessary?
  - scotth 10y ago
    No, it is not necessary. We'll take a look.
  - scotth 10y ago
    We didn't have a chance to test specifically on Arch, but we think we got it. Let us know if it works out.

ibero 10y ago

this is an update i didn't know i wanted. so many great little UX improvements to my workflow. an interesting aside, they now have the ability to toggle the background (and font color). the presets are (black on white, white on black) interestingly, one of the presets is black on yellow. i didn't realize this was such a a popular of a text/bg combination.

macandcheese 10y ago
It's popular for display fonts and large headlines, there's been an influence of Swedish graphic design into the web lately and that's a common combination. Pretty effective for titles and headers with bold fonts.

STRiDEX 10y ago

Looks like angular 1 with angular material. Works very smoothly here. Neat.

di 10y ago

If anyone is curious about the sample text: * "All their equipment and instruments are alive." (Mr. Spaceship, by Philip K. Dick) * "A red flair silhouetted the jagged edge of a wing." (The Jewels of Aptor, by Samuel R. Delany) * "I watched the storm, so beautiful yet terrific." (Frankenstein, by Mary Shelley) * "Almost before we knew it, we had left the ground." (A Trip to Venus, by John Munro) * "A shining crescent far beneath the flying vessel." (Triplanetary, by E. E. Smith) * "It was going to be a lonely trip back." (Youth by Isaac Asimov) * "Mist enveloped the ship three hours out from port." (The Jewels of Aptor, by Samuel R. Delany) * "My two natures had memory in common." (Strange Case of Dr Jekyll and Mr Hyde, by Robert Louis Stevenson) * "Silver mist suffused the deck of the ship." (The Jewels of Aptor, by Samuel R. Delany) * "The face of the moon was in shadow." (Mr. Spaceship, by Philip K. Dick) * "She stared through the window at the stars." (The Millionaire's Convenient Bride, by Catherine George) ???? * "The recorded voice scratched in the speaker." (Deathworld, by Harry Harrison) * "The sky was cloudless and of a deep dark blue." (A Trip to Venus, by John Munro) * "The spectacle before us was indeed sublime." (A Trip to Venus, by John Munro) * "Then came the night of the first falling star." (The War of the Worlds, H. G. Wells) * "Waves flung themselves at the blue evening." (The Jewels of Aptor, by Samuel R. Delany)

the_common_man 10y ago
"She stared through the window at the stars" is just too common a phrase :-) A simple google search suggests a hit in atleast 3-4 books.
- di 10y ago
  Seems like there would be one that fits the theme though, no?
- stupidcar 10y ago
  There isn't actually many results at all for that exact phrase, as far as I can see. It looks likely that it's a modification of "he stared through the window at the stars", which doesn't occur much more often, but did appear in A Voyage to Arcturus by David Lindsay.
10y ago

mortenjorck 10y ago

This is a gorgeous redesign that really lets the typography shine, as well as deftly addressing numerous usability issues with the old site. The family size filter in particular makes finding a usable set of weights much easier, and the featured section adds a welcome new layer of curation. Two minor observations: - It would be a great addition to the family size slider to be able to filter for "contains italics." Some font families have a broad set of stroke weights, but aren't usable for certain content because they lack italics. - A nitpick, but "Handwriting" has always seemed a somewhat suboptimal filter label. Many of the fonts contained therein might be better described as "script" or "calligraphic", while "handwriting" connotes something more strictly vernacular. All said, this is an excellent update that brings the Google Fonts experience into the realm of subscription services like Typekit.

michaelmrose 10y ago
Are you using chrome? It looks pretty dumb in firefox. It looks like this. http://imgur.com/IT7x83h http://imgur.com/IT7x83h
- magicalist 10y ago
  Chrome and Firefox look exactly the same to me edit: from your comment below, maybe you're on Linux? Sounds like you're seeing the same thing as this subthread: https://news.ycombinator.com/item?id=11903444 https://news.ycombinator.com/item?id=11903444
  - jimhefferon 10y ago
    That is what I see also. FF on Linux.
- jsprogrammer 10y ago
  Looks the same in Chrome.
  - vanderZwan 10y ago

msoad 10y ago

I thought Google Fonts has Farsi fonts as well.

deleted 10y ago
[deleted]
scotth 10y ago
Is this what you're looking for? https://fonts.google.com/?subset=arabic https://fonts.google.com/?subset=arabic
- DonaldFisk 10y ago
  Farsi has four additional letters: : پ [p], چ [t͡ʃ], ژ [ʒ], and گ [ɡ].
  - scotth 10y ago
    I copied those characters into the site, and it looks like they're supported by all but one family. Give it a shot.
- msoad 10y ago
  No, I Farsi fonts are a little different
  - semi-extrinsic 10y ago
    Not all characters in the font are displayed. If you look at Open Sans, the description says it has 897 characters, but only 290 are shown.

ericmo 10y ago

Very good, but needs a option for resizing. I've tried looking at monospaced fonts and couldn't see them at a size that a monospaced font would actually be used (default is huge).

theIV 10y ago
Hover over one and you should see a slider to resize. You can then hit "apply to all." That being said, I wish there were options to jump to some "standard" sizes.
quantumet 10y ago
You can select a size for a given font by hovering over it to reveal the size slider and other options (desktop version at least), and then applying the size to all.
- noxxten 10y ago
  The font size slider is incredibly annoying. There should at least be a field to manually input a size as well. Having fonts jump from 8px - 22px with no space between is useless.
  - kps 10y ago
    Doesn't jump for me. I also notice that if you click the slider, left and right arrow keys change the size by 1px.

hanniabu 10y ago

I'm not sure how I feel about all these different phrases. I think it's easier to pick out which font I like when all the phrases are the same. The phrase "the quick brown fox jumps over the lazy dog" had been a great one because it contains every character in the alphabet so you can see how every letter will look at once.

toxican 10y ago
Agreed. Although you can also type in a phrase of your own choosing and click "Apply to All" and it will.

frenchie4111 10y ago

I still have the same problem I had with the old UI: The only reason I come to this site to get the copy/paste one liner to put a certain font on my site, but every time it takes me a few minutes to find it

stupidcar 10y ago
1. Click a font's plus icon 2. Click on "1 Family Selected" 3. Copy the embed link from the dialog. How is that hard?
- pimlottc 10y ago
  Once you know what to do, it's easy, but it's not immediately obvious that you need to "Select" a font in order to use it (as opposed to, say, clicking through to its page), or that clicking on the notification would do anything.
  - droom 10y ago
    I agree. Even clicking the plus icon suggests there'll be more than one type family resource (something you'd want to avoid by default).
  - frenchie4111 10y ago
    This was my point. It's just not intuitive, and I only use the site once every few months, so I have to figure it out again every time.
- toufka 10y ago
  Very hard. Why would I click on a notification dialog to produce/obtain something? This workflow makes no sense.

thedaemon 10y ago

I kept looking at the fonts to see what changes they made. Then I realized that the website was redesigned, not the fonts. Perhaps the title should be changed to reflect this?

torbit 10y ago
sounded correct to me. You just misunderstood, undrstandable. "Google Font" is the name of the product. If the title was "Google's fonts redesigned", then I'd agree.

macandcheese 10y ago

Beautiful redesign! Very cool functionality with the inline editor and contextually revealed selectors. ...but they prevent you from right-clicking to open fonts in a new tab. I can already click into a font by regularly clicking, did they need to override right-click functionality as well?

NKCSS 10y ago

I wish you could filter fonts based on writing style; take the letter a for instance; there can be so many was to represent the lowercase; to get complementary fonts; it would be nice to filter on those characteristics.

tropo 10y ago
Like this? 1. I hate the lowercase L ("l") looking partly uppercase. 2. Dollar signs need two bars. (single means Mexican peso) 3. Half way up the at sign ("@") must have 4 lines, not 3. 4. The asterisk must be 6-point, with a vertical. 5. The tilde ("~") must be high. 6. The pipe ("|") must have a center break. 7. The zero ("0") must be more narrow/pointy than the O.

adams_at 10y ago

Long overdue and very nice! I would like to filter by OpenType features, though (e.g., serif font with oldstyle figures).

ocdtrekkie 10y ago

"Your browser is not currently supported. Google Fonts works best on Chrome, Firefox, or Safari." Google still treating Edge users like trash, I see[0]. Microsoft Edge works fine for the vast majority of websites, and a block like this telling you to get a different browser is incredibly painful. If you tell me I need a different browser, I'm going to find a different company or website to do business with. [0]Gmail pesters Edge users weekly to switch to Chrome. Unlike other browsers, where pressing 'not interested' causes it to go away permanently, it returns weekly like a bad rash.

indubitably 10y ago
It's not just Edge users, I get the same constant annoyances with Firefox.
- ocdtrekkie 10y ago
  On the computers I use Firefox, I only get it the first time I use Gmail. Then it doesn't return. But on Edge it seems like it's all the time. And for those who are curious: I submitted feedback about it both with the Submit Feedback button and on the Gmail Help Forum.
- djsumdog 10y ago
  Yea, I found that really annoying.
mrweasel 10y ago
More and more sites are only tested in Chrome. It's not just Edge that no one cares about, Firefox is becoming a second class browser as well. Often it's pretty obvious that the authors didn't even try Firefox, because the JavaScript isn't even loading properly.
- hanley 10y ago
  I regularly have to email SaaS companies and tell them the service I just signed up doesn't work correctly in Firefox.

zy1t 10y ago

This redesign is awesome, but I think it might have killed my side project. I’ve been working on a site that offers google fonts with better visuals and search by font feature (x-height, stroke contrast, etc) functionality. Sunk 30+ hours into it designing + coding up the front end while my friend works on programmatically tagging the font on the backend. I want to continue working on my project, but it now feels a lot less relevant. Any advice, HN? For the curious, here's a wireframe of the main screen:https://www.dropbox.com/s/vzobxm2a2ul9y5l/main%20search.png?dl=0 https://www.dropbox.com/s/vzobxm2a2ul9y5l/main%20search.png?...

criddell 10y ago
IMHO, if Google has scratched your itch, then I think I would find something else that needs to be done.
amelius 10y ago
You could generalize the tool, so it also works for other fonts?
- zy1t 10y ago
  That's a good idea. I'd have to look into how to get copies of licensed fonts to analyze. Actually paying for a license would make this project completely unfeasible.
  - criddell 10y ago
    If you get the basic product up and running, I'm guessing the foundries might give you a license just because you might be able to drive some business to them. There may even be an affiliate angle that could be worked.
alistairjcbrown 10y ago
I'd love to see a search interface for all webfonts, powered by an open database of data from across all the major webfont providers. If this interface is independent of Google fonts, then you can apply it to any set of font data.

semi-extrinsic 10y ago

Minor criticism: the characters preview is a bit of a mess. Two issues: 1) You're missing important non-ASCII characters which I know are in some of these fonts (such as Open Sans). These include German and Scandinavian characters like ü ä ö æ ø å ß (maybe more). 2) The ordering is non-standard and makes it hard to see what is actually there and not.

stolsvik 10y ago

Are these free to use? Open and permissive license? Should be the first thing that was mentioned on the site.

manigandham 10y ago
Yes. It's on the about page. https://fonts.google.com/about https://fonts.google.com/about > All the fonts in our catalog are free and open source, making beautiful type accessible to anyone for any project. This means you can share favorites and collaborate easily with friends and colleagues. Google Fonts takes care of all the licensing and hosting, ensuring that the latest and greatest version of any font is available to everyone.
- ocdtrekkie 10y ago
  This is kinda funny given this comment: https://news.ycombinator.com/item?id=11906170 https://news.ycombinator.com/item?id=11906170

eyeareque 10y ago

What is in it for google to give these fonts away? Does it help them track people or learn about sites that use them?

nilved 10y ago
Yes, you hotlink the web font files from their servers. Much like their public DNS servers, their public font registry pays them in data.
- eyeareque 10y ago
  Yeah, I assumed this too. They have a reason for every service they offer.
schoen 10y ago
The original story I heard was that it encouraged people to stop using images of text on the web (which used to be a common way to get custom typography in pages). The images of text are hard to index and search because they would require OCR and would lose other possible semantic information that might be present in a textual page. So Google hoped that people would choose to use these fonts and then represent textual information as text rather than as an image. It seems to have worked!
- eyeareque 10y ago
  That makes perfect sense. Thanks.

hellok 10y ago

\(o_o)/ Unfortunately, this page doesn't exist.

hellok 10y ago

\(o_o)/ Unfortunately, this page doesn't exist. (='X'=) (·_·) \(^Д^)/ (≥o≤)

forrestthewoods 10y ago

These all look really bad on my Win 10 + Chrome machine. It's like the clear type settings aren't working right? Every font has a very fuzzy/blurry edge. Really weird. It's almost like it's rendering small and blowing up. Rather than rendering large and anti-aliasing. Maybe something is wrong with my PC?

legulere 10y ago

The sliders on the right side should also work (and activate the box left to it) when the box left to it is deactivated.

michaelmrose 10y ago

It looks like mad libs to me with all these little boxes in place of some of the letters. This appear to be little input boxes. You can grab and resize the box but it snaps back, you can also type in the box but it is quickly erased. Super ridiculous.

JoblessWonder 10y ago
Mine only happens with the letter "i" or "I"... very weird.

rakstrooper 10y ago

Why does Google deliberately ensure that their websites don't work with Microsoft browsers?

Sgt_Apone 10y ago
Yeah, that is pretty obnoxious. Doesn't work with Microsoft Edge or Explorer 11.
laichzeit0 10y ago
Google does not have to care about them. They can use a Chrome if they really want to use Google websites.

gotchange 10y ago

I congratulate the Google Fonts team The redesign job looks gorgeous and elegant in terms of UI and UX too but can I make a few suggestions if possible? 1- Can you please add a double view button at the top to toggle between «List» and «Grid» views for maximum convenience? 2- At the risk of sounding a bit pedantic but some example sentences for the Arabic fonts don't look perfect. For example, for the «Amiri» font, it's الظلال أخفت القمر or more naturally أخفت الظلال القمر and not الظلال أخفى القمر [1]. For «Lateef» and without going over a lot of MSA grammatical rules, this is the more correct version of the example sentence انطلق صوتُ مسجّل عبر مكبِّر الصوت المنصوب أعلى الباب. [2] [1] The shades hid the moon. [2] A recorded voice went off through a megaphone/speaker mounted above the door.

huntleydavis 10y ago

Very impressive performance loading considering the number of fonts. Curious if they are just loading an incredibly stripped down version of each font for the preview and then lazy loading in the full font if you click to edit the text. Either way thumbs up.

teuth 10y ago

Really dislike the ng-click navigation for opening individual font pages. Those clickable elements should be anchors, to allow opening the pages in new tabs. There doesn't seem to be any usability case for breaking a basic browsing convention here.

xaduha 10y ago

Can someone explain to me why Google Fonts doesn't provide proper cache headers, still? https://stackoverflow.com/questions/29091014/how-do-i-leverage-browser-caching-for-google-fonts https://stackoverflow.com/questions/29091014/how-do-i-levera... Why disallow caching? Unless I'm misunderstanding something.

putlake 10y ago
They do provide proper cache headers. They cache the CSS for 1 day. The actual font files are cached for a lot longer than that. The reason for shorter cache periods for CSS is that Google are continually making improvements. The font files are different e.g. for Mac vs Windows because they are optimized for platforms. In general you will find that all URLs that are directly called from millions of websites (e.g. facebook SDK, Google Analytics snippet) have short TTLs. Makes sense when you think about it -- 3rd parties providing these resources need a way to stay agile and ship new versions without forcing millions of websites to upgrade their code.
- xaduha 10y ago
  > They do provide proper cache headers. They cache the CSS for 1 day. The actual font files are cached for a lot longer than that. I don't see it, not with curl at least. Looks like actual fonts are cached for a year. But not CSS, > curl https://fonts.googleapis.com/css?family=Open+Sans https://fonts.googleapis.com/css?family=Open+Sans -i expires:Tue, 14 Jun 2016 19:02:03 GMT date:Tue, 14 Jun 2016 19:02:03 GMT At the very least they should allow to control that with another query parameter.
  - row1an 10y ago
    Expires is a HTTP/1.0 header, Cache-Control is HTTP/1.1 and used by anything created in the last 10-15 years. Most sites set the Expires header similar to their Cache-Control max-age, but I guess Google just doesn't care and it doesn't really matter anyway.
    - 10y ago

deleted 10y ago

[deleted]

zanerino 10y ago

I can't select 10 px font sizes with the slider on some fonts like "Space Mono." I can with others, and then can click the "Apply to all specimens" to update even the fonts I can't adjust with the slider control. I'm using Firefox 47.0.

huangc10 10y ago

What's the font used on the page? It reads beautifully (especially in the "about") and I'd like to use it.

huangc10 10y ago
My bad, for anyone wondering the same, I just read the source and it's Roboto (which google uses a lot so I should thought of that in the first place).

franciscop 10y ago

Isn't it counterintuitive that there are two scroll next to each other for smaller screens? And also that the one on the right is to scroll the content on the left, while the one on the left is to scroll the content on the right. http://imgur.com/x9BMjmR http://imgur.com/x9BMjmR

lossolo 10y ago

Firefox on Ubuntu: http://imgur.com/IpauSTs http://imgur.com/IpauSTs

deleted 10y ago

[deleted]

deleted 10y ago

[deleted]

deleted 10y ago

[deleted]

smpetrey 10y ago

A wonderful update. A useful creation that celebrates type. High-fives are in order.

thomaspark 10y ago

Lovely redesign that addresses usability complaints I had with the old version. In fact I built my own search tool for Google Fonts a few months back because of these issues: http://fontcdn.org http://fontcdn.org Some of my critiques of the old version: http://thomaspark.co/2015/08/a-better-way-to-search-google-fonts/ http://thomaspark.co/2015/08/a-better-way-to-search-google-f...

andyfleming 10y ago

All these updates and still can't select a range for "thickness", "width", etc.

Marazan 10y ago

As a die hard lover of the eurostile inspired 'monofur' as my programming font Space Mono looks very, very interesting.

Marazan 10y ago
Conclusion: Not as good as monofur

tacone 10y ago

Still they don't offer any font+css download opportunity in the way that font squirrel does. You have to do it by hand or be stuck with their CDN. How bad.

magicalist 10y ago
It's smaller than the big embed info screen, but there's a download button that gives you a zip of your selected fonts in the top right of the "selected fonts" dialog.
- tacone 10y ago
  Does it give you all the relevant formats (woff/ttf/etc) and the css? If not it's just unuseful.

jenscow 10y ago

Wow - I did not realise they had so many fonts!

cickpass_broken 10y ago

Todd Motto did a bit of an analysis of the client-side, angular performance: https://mobile.twitter.com/toddmotto/status/742789728257355776 https://mobile.twitter.com/toddmotto/status/7427897282573557... "Google Fonts is doing some amazing work on performance, no ng-repeats - superfast DOM rendering. "

jeffjose 10y ago
Is that Angular 1 or Angular 2?
- DigitalSea 10y ago
  Looks like Angular 1.
seang 10y ago
How to make Angular faster: don't use it.

alansmitheebk 10y ago

Most of these look like shit in chrome.

dpcan 10y ago

I've been waiting since 1995 to have the same sort of tool built into Windows to view my installed fonts.

Sir_Cmpwn 10y ago

God dammit https://sr.ht/xkFx.png https://sr.ht/xkFx.png Never, ever, ever disable functionailty based on someone's user agent. Just let it be broken, because spoiler alert: it's probably usable anyway.

donovan28 10y ago
I disagree. If the team knows for sure that this will look terrible on less popular browsers, then it's probably not worth the PR blow of running a faulty product. This way, 'it works as intended'.
- Sir_Cmpwn 10y ago
  If you must, put a warning page in place that tells users they proceed at their own risk. Completely locking them out based on their user agent is a crappy thing to do.
preek 10y ago
Thank you, Sir, for letting me in on qutebrowser. Being a VIM and I3 user myself, I'll give it a try and look forward to the enjoyment of a simple, yet modern browser. Plus, I agree with your sentiment.

whizzkid 10y ago

I just wondered why it is laggy when I scroll the page down quickly and inspected the network activity. 6 times scrolling ends up with 210 new requests. really? Is this really needed or can't it be improved easily with bigger range of pagination size?

neves 10y ago

Why should anyone buy fonts with so many high quality ones free to use?

avikalpa 10y ago

Is it just me of the Google fonts page look a lot like the Microsoft Metro design?

microcolonel 10y ago

This is very frustrating; can't middle click to open a specimen in another window. I really hate this sort of website. They also seem to disable subpixel antialiasing on some of the transient buttons. I also don't like transient buttons to begin with. Overall really not happy with most of this redesign. The specimen page is probably more informative though. I get that OS X has bad subpixel rendering which shows painful fringing on coloured text, but FreeType handles it flawlessly, and I'm pretty sure ClearType does as well. There's no reason to disable subpixel rendering on these platforms.

chrismorgan 10y ago

This is nice and all (apart from an astonishing—even for Google—degree of browser compatibility regression), but what I really want is for the actual fonts to be updated. Crimson Text, for example, is an outdated version of the font, which it breaks a little further too. Upstream (https://github.com/skosch/Crimson https://github.com/skosch/Crimson) has seen substantial improvements, but Google has never updated it, ignoring the author’s pleas.

skosch 10y ago
Hear, hear :) Same for many others, e.g. Montserrat or many of Vernon Adam's designs. That being said, I find the redesign wonderful and long overdue. Maybe now they'll find the time to update their collection.
- CharlesW 10y ago
  Any suggestions on finding the latest, greatest versions of these fonts? For example, I found what appears to be the home page of Monsterrat (http://montserrat.zkysky.com.ar/en http://montserrat.zkysky.com.ar/en) but it directs me to Google Fonts. Similarly, I searched for "vernon adams fonts" and I don't see what looks like a canonical page for them.
  - crawlerie 10y ago
    Brick.im[1] hosts free fonts on Fastly's CDN. Fonts are directly converted from their sources to .woff only; doesn't support other font formats. No subsetting means the fonts can be very large, especially those with full OpenType features. Most of the fonts are of the latest version though. Fonts not included in Google Fonts, like Linux Libertine/Biolinum, Aileron, and Heuristica are included. If you don't mind the performance hit, you can use it. [1]: http://brick.im http://brick.im EDIT: As for where you can find the new versions of the fonts, you can browse through brick.im's Font repository[2] and click on the `SOURCE` files. The new Montserrat versions are located here: https://github.com/JulietaUla/Montserrat/ https://github.com/JulietaUla/Montserrat/ [2]: https://github.com/alfredxing/brick/tree/gh-pages/_fonts https://github.com/alfredxing/brick/tree/gh-pages/_fonts

gregmac 10y ago

Anyone else having trouble with this? Some characters not showing up. Chrome 51 on Windows 10: https://i.imgur.com/TTNQSOA.png https://i.imgur.com/TTNQSOA.png

adrianlmm 10y ago

I tried. https://imgur.com/umVjMZ4 https://imgur.com/umVjMZ4

twhb 10y ago

To the Google Fonts dev(s) in this thread: why Angular 1, not 2? Was the previous version already using Angular 1?

Ciantic 10y ago

There is still two pages for single font, one such as this: https://www.google.com/fonts/specimen/Open+Sans https://www.google.com/fonts/specimen/Open+Sans And now this: https://fonts.google.com/specimen/Open+Sans?query=open+sans https://fonts.google.com/specimen/Open+Sans?query=open+sans First one always comes up in search results, and is nothing but a link to real page. What gives? This is terrible user experience, if I search for Google fonts, there shouldn't be multiple pages for same font.

barefootcoder 10y ago

The page has an interesting bug with some special characters... it will initially accept it, showing it in a different font, and then it will change to an empty box. I tried a few, such as ™ (trademark) or ∞ (infinity) and they don't show up on the initial overview page, but if you click on the see specimen link you can type the same characters and see that the font does have them defined.

jeena 10y ago

I have to wonder, is this some kind of a joke? https://jeena.net/s/google-fonts.png https://jeena.net/s/google-fonts.png

ilamparithi 10y ago
Same issue in Chrome 51, Ubuntu 14.04.

buro9 10y ago

I would love if they released the server logic that chose which file to include. With http/2 I'd like to host the files so that they are served from the same origin, I'd also like to cache the CSS longer than a day. At the moment I hit two domains (and I preconnect) to try and speed this up: <link rel="preconnect" href="https://fonts.googleapis"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> Then in my CSS I import: @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Merriweather:400,400italic,700italic,700); That URL loads: 1. More fonts than I need. 2. Different font files depending on... useragent? I'd prefer to self-host so that I could user http/2 server push for new sessions, and so that I could extend the caching. The same origin via http/2 would accelerate all of the connections, and removing the need for the additional TLS connection to 2 Google properties will speed it up too. These are about my only criticisms of Google fonts, that the little bit to make it really useful for those who want webfonts and performance is the bit that's hidden.

stuaxo 10y ago

Why are loads of the letters replaced by empty boxes ? Is this a gameshow reference? http://imgur.com/CY0yv4R http://imgur.com/CY0yv4R

Freak_NL 10y ago
Getting the same thing in Firefox. Works in Chromium though. Is this site still in beta?
hnatt 10y ago
Same thing in Firefox under Linux. Even on the same characters.

calewis 10y ago

A "+" icon that has a hover state and an interaction, yet do different things? Good work. Nice quotes are irrelevant if you can't get the basics of user experience right.

chmike 10y ago

What is wrong with this page ? It looks awful with firefox 47.0 on Ubuntu ! [screen capture](http://imgur.com/hqc6jp2 http://imgur.com/hqc6jp2)

chmike 10y ago
Problem disappeared after restarting firefox. You may safely ignore the reported problem.

keyle 10y ago

It's definitely an upgrade compared to the old version, but the fact that it needs a "Try typing directly into the... " hint shows the shortcoming of their UX. I didn't know what it meant, took me a few tries. I think it could be better. The hover of the fields should be more obvious that it's editable at least.

textmode 10y ago

fonts.google*.com is similar to the Facebook "Like" button. Google effort to inject themselves into websites that may have nothing to do with Google, read by users who may not even use Google. Users may be far from Google search engine page or any Google controlled subsidiary Blogger, etc., yet their Google-authored? browser is still connecting to Google. These Google font domains are among the many useless and annoying domains I block. I remember the days when another large company was pushing "Web fonts". They asked the user to "install" the fonts; there was no "font server" and incessant phoning home. Today that company forces 10GB+ downloads of their "updated" OS on users without unequivocal consent. The stories of systems crashing in Africa under the load and network admins puzzling over the effects of massive Windows Update traffic in Australia have been amusing. Keep up the great work guys. Those "web fonts" are really amazing!

Flimm 10y ago

Being able to select a language for the sample text is very useful. Thanks Google!

makecheck 10y ago

I’m not sure why but interfaces that consist only of red and black text look very unpleasant to me. I felt the same way when Apple started using red and black for things like iOS calendar highlights. I suspect the reason is that they are both strong colors that compete for attention: black-on-white is high contrast and red is a color that generally “jumps out” from the page due to the eye’s perception of red. To keep the colors from competing, one of the text colors should be softer (and if they must have “red”, they should soften it to something that is closer to pastel or pink).