“what are people's favorite fonts from google fonts?”
Summary of results
Favorite general use fonts for ux design as of 2022 are:
+ Readex Pro
+ Be Vietnam Pro
Favorite if you need many or all languages:
+ IBM Plex
+ Noto Sans (of Google Android fame)
But yeah, IBM Plex is very well done. These are all available on Google Fonts, and specifically designed for readability.
RobotoMono [1] is my favorite, Iosevka [2] is also good choice but it isn't on Google Fonts yet [3]. If you still want to use it, the web fonts are hosted in Github pages [4]
[1] https://fonts.google.com/specimen/Roboto+Mono
[2] https://typeof.net/Iosevka/
Out of all the other sans typefaces on Google Fonts, Inter is arguably the cleanest looking followed closely by Archivo. I'll take Inter over any of the "fancier" fonts any day.
Right?! Unbounded and Darker Grotesque, both are open source from Google fonts(fonts.google.com). My co-founder picked it because he said the negative space in the C looked like the spoons he uses every morning to eat his cereal ha.
There are some good choices, but also some atrocious ones. My favourite coding font[0] is missing.
[0]: https://www.recursive.design/ and also available on Google Fonts[1]
If you like variable fonts, no font is better at giving fine tune control than Roboto Flex (also by Google).
Has 12-axis of variables (whereas most only have 1 or 2)
Lots! Start with the Google Fonts browser. This link should take you directly to a variable + serif list, and from there you can drill down into sub-styles, focus more on those with more axis, more styles, etc.: https://fonts.google.com/?categoryFilters=Technology:%2FTech...
Every once in a while when I get bored, I head over to Google Fonts page and download some fonts: https://fonts.google.com/?category=Monospace&subset=latin
Tangentially related -- I just want bloggers to think twice before choosing (mis|ab)used Google Fonts just because they look "fancier" at first sight. Lato and Merriweather have become Arial and Times New Roman of our time.
Ah yes, "typographic creativity" - going to Google Fonts dot com and choosing Roboto.
I was thinking about changing my personal website's font to a monospaced one.
Anybody know which ones are particularly good for long-form text readability?
Bonus points if it's on Google Fonts.
Can we get this in Google fonts finally? any googlers here?
Here's Google's 1st hit for "Google Fonts privacy", you can find more: https://www.brycewray.com/posts/2020/08/google-fonts-privacy...
I've always associated that sentence with Google Fonts, since I first encountered it on their site and they use it for previewing the fonts they provide.
One such set of packages I've used is Fontsource. Has all the Google fonts plusany more.
Instead of having to download and serve a separate font for each style (bold, light, etc.) it's just one font that interpolates those attributes resulting in much smaller font sizes. Here's a list from google fonts just to see some examples... https://fonts.google.com/?vfonly=true
https://fonts.google.com/icons
My preference for new projects is currently swaying towards Google's Material library as its just so easy and fast to use. Nevertheless Fontawesome has been a staple for me for the last several years!
They’re pretty easy to serve from local: https://github.com/radekg/google-font-download. Most of individual fonts available in google fonts are SIL OFL 1.1:
> The SIL Open Font License (or OFL in short) is one of the major open font licenses, which allows embedding, or "bundling", of the font in commercially sold products. OFL is a free and open source license.
https://en.m.wikipedia.org/wiki/SIL_Open_Font_License#:~:tex....
Here's a great little helper to self-host google fonts: https://google-webfonts-helper.herokuapp.com/fonts
I knew about this for Google’s own fonts but had no idea they offered the option to use custom fonts. Is there any easy place to find a list of them? I wonder if the custom fonts are just hardcoded/pushed to their CDN alongside all the other ones.
I hid the names and arrived at my second favorite font. And then I noticed my favorite font is missing!! You should add Iosevka, it's on GitHub.
If you use Google fonts or webfonts or something for this to be easier, I also have it as a webfont on my GitHub.
Caveat: Google Fonts, and by extension Fontsource which mostly just mirrors Googles files, strips out most of the advanced OpenType features to reduce filesize. It's worth checking the upstream version of your font to see which features it actually offers.
e.g. Wakamai Fondue lists 11 features for Googles version of Inter, while the full fat version of Inter has 44.
It's hard to distinguish non-Google projects with Google Sans in their templates from actual Google Research papers, as the font is meant to be exclusively used by Google[1].
[1] https://developers.google.com/fonts/faq#how_can_i_get_a_lice...
The Google Fonts API serves different formats based on user agent. Woff2 is still the best, until Incremental Font Transfer arrives
For several years (probably 10!) Calibri was my preferred font. I wouldn't read a Google Doc without converting it.
An unexpected shift occurred this year, and for the last 2 months, I've defaulted to serif fonts, with Spectral being the favourite, and TNR coming in second.
A nice example, not currently available on Google fonts AFAICT, is 'Gilbert': https://www.typewithpride.com
One part of "not boring" is picking one that fits your taste and the style of the site you are using it on. So there cannot be one canonical recommendation.
Google fonts is full of usable stuff. Just have the courage to pick something that isn't mainstream yawn-inducing boredom. The other points are almost automatically satisified. For GDPR reasons, copy the font file to your webserver (caching won't work anyways in modern browsers).
But if you really really want something safe, easy, no-thinking-required that works for almost everything, on most devices, is readable on screens, looks modern but sufficiently boring and inoffensive, has big unicode coverage: use Roboto.
Why don't you download and self-host the Google fonts?
I have too many fonts... what's your favorite font navigator?
This website depends on Google Fonts.
<link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro" rel="stylesheet">
..."almost inevitably from Google Analyt... err, Fonts"
I prefer localGfonts, "Online tool to provide fonts and css snippets for self-hosting using google fonts"
Per https://fonts.google.com/specimen/Google+Sans/license
"These fonts are licensed under the Open Font License. You can use them in your products & projects – print or digital, commercial or otherwise."
I'm partial to Drafting Mono - https://indestructibletype.com/Drafting/ - for paragraph display.
Not on Google Fonts but it's free (or very cheap for the variable version).
Seeing as everybody's using this space to plug their favourite font, and the one I use hasn't been mentioned yet: I'm partial to Generic Mono II (http://luc.devroye.org/fonts-75172.html & https://github.com/organicplanning/hackedfonts). It has slashed zeroes and, with a reduced character spacing, just looks nice and otherwise doesn't distract from what I'm doing. Though it's coverage outside of the Latin character set leaves a bit more to be desired.
On the Google Font side, is there a leading tool/project that lets you pick from the Google font list (and maybe more?) and quickly set up local hosting with roughly the same amount of hassle?
The fonts used here are nice. What are they?
FYI, In addition to being able to download straight from fonts.google.com, Many (if not all?) of the fonts are also on Github, including TTF/OTF/WOFF2 files.
For example, here's Roboto Mono WOFF2s: https://github.com/googlefonts/RobotoMono/tree/main/fonts/we...
I hadn't noticed they added more font variable controls to Google Fonts: https://fonts.google.com/specimen/Google+Sans+Flex/tester
What's funny is on the same page they say it's on Google Fonts and you don't need enter an email (or have an account) to grab it from there https://fonts.google.com/specimen/Atkinson+Hyperlegible
Google would sooner turn off the feature than build some convoluted solution to protect a custom brand font. It's a problem that's not worth solving.
I can just as easily download them from any of the brand's official websites. The vast majority are being utilized via font-face and are rendering inside of heading and body text.
Convenient WOFF format, all weights, and available in 2 clicks in Dev Tools. And if Dev Tools is too difficult there are dozens of free extensions that will do it for you.
I'd argue that what little Google provides now is more secure than the official websites' usage.
What's your favorite programming font?
If you're worried about GDPR or your users' privacy when using Google Fonts, someone wrote privacy-friendly drop-in replacement at https://github.com/coollabsio/fonts
This is a long-running a shortcoming of Google Fonts, and as much as this is a welcome UI upgrade, it unfortunately does nothing to address the paltry set of tags that have passed for a taxonomy since Google Fonts’ inception.
It’s a particular shame given what a truly rich typographic library Google Fonts has grown to be: transitional and oldstyle serifs, didones, humanist sans, geometric sans, grotesks, even frakturs… all of this is flattened into an MS Word-caliber set of classifications that still calls script display types “handwriting” fonts.
I don't know why people use fonts served from Google on their websites. Just serve the fonts from the server the site is on. It's like having javascript libraries served by 3rd parties; it's less robust.
Which fonts do support them?
there's a very handy tool, called google webfonts helper, which that can download and include google fonts for you
It always amazes me Google doesn't simply ship say the top 50 most popular fonts in Chrome that Google are already providing via Google Fonts anyway. Think of all that wasted energy and bandwidth!
Every time I suggest this the idea is laughed at and the hand wavy replies say that it can't be done.
having spent a lot of time on finding the right monospace fonts, one of the things i've noticed, that's particularly important in the context of coding is a visual symmetry.
some fonts individually have beautiful glyps or characters but when you preview them with blocks and blocks of code, there's a quirkiness that throws of that symmetry.
I'll give a few examples:
- Mono Lisa font https://www.monolisa.dev/ (truly gorgeous font)
- Recursive https://www.recursive.design/ (particularly note the casual axis)
I bring this up because Google Sans Code, is super quirky; preview a few characters individually and they look good; put it all together in real code, and it's just not as smooth visually.