Live data from Hacker News

Recursive, a free variable font for code and UI, now on Google Fonts

fonts.google.com

101–110 of 113 posts

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#102
post #73

m and @ really suffer as you crank up MONO. I like how the 0 gets a line as soon as MONO ≥ .50 Not a fan of those inktraps at heavier weights. If it's for UI and code, why does it need inktraps?

Small type can lose definition on screen just as much as in print, so “inktraps” are really just there to help make things more crisp in text.

Of course, they are there just as much for aesthetics if the type is used at large sizes.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#103
post #49
post #29

Only latin glyphs. Пиздец.

ακριβώς!

Thanks for checking out the font. As the main maker of it, I would love for it to include Cyrillic & Greek characters (and Arabic & Thai & more...), but this font’s variable axes mean that it is veeery slow to draw additional characters for (they have to be drawn in 12 or 24 different styles for things to work). But:

1. If someone wants to contribute the work in a PR, or the funding for work, I would be happy to extend the character set.

2. The font sticks to the most common width for monospaced fonts, so many fonts that do include Cyrillic & Greek glyphs will work elegantly as fallbacks. I recommend IBM Plex Mono, for one free + open-source option that is particularly good. Or, of course, you could just use Plex for everything, and you wouldn’t be wrong.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#104
post #26

The designers did an amazing job. Setting --mono to 1.0 makes it look very similar to Jetbrain's font which I like.

The lowercase “m”, for one, looks terrible though. It’s a cool demo but I’d never use it.

Can you perhaps say more about what you dislike about the lowercase “m”? It has to be extremely condensed to fit into a fixed-width space, just the same as any other monospaced font for code.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#105

This is so great! Has anyone put out a good variable Serif font that is taking advantage of all the variables?

This is one really good serif variable font:

http://www.gt-alpina.com/

Different variable fonts use different variable “axes” – choosing what parameters can/should be variable is just another design decision in making a font.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#107

Earlier quoted context omitted.

I tried the mono version but a double forward slash glitches and overlays the next two characters - which kinda makes it unusable for anyone touching the web.

Can I ask what software you ran into that issue with? Probably, it was a strict-monospace environment, like vim in a terminal. I have created code-specific fonts to deal with this issue: there are fonts made specifically for code which have code ligatures & the simple l, f, 6, & 9 frozen in, if you like these features but don’t want to mess with OpenType features (or if your code editor doesn’t support that). https:/…

macOS Terminal with any of Rec Mono Duotone, Rec Mono Casual, Rec Mono Linear, and Rec Mono SemiCasual installed from `~/git/recursive/fonts/Recursive-Beta_1.053/Recursive_Code`.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#108
post #68
post #54

Earlier quoted context omitted.

Unfortunately, font-variation-settings isn't supported by Firefox, Safari, IE, or older versions of Edge, so these settings only work for ~70% of users according to Can I Use. It was a bit frustrating viewing this site on Firefox and not having any indication of why the settings weren't changing anything. Of course, maybe that's because there hasn't been enough demand for it, and now that there is a font that's widel…

Support for font-variation-settings has been on by default since Firefox 62, which was released almost two years ago. Are you using a Firefox older than that?

Ah, sorry, I was looking at the wrong item on "Can I Use...", @font-face: font-variation-settings, rather than the "Variable Fonts" item which covers font-variation-settings outside of @font-face rules.

https://caniuse.com/#search=font-variation-settings

And I am running an ancient version of macOS, 10.12, which explains my issue, as it's only supported on macOS 10.13+ in Firefox.

I have a new (non-macOS) laptop in transit, but my current daily driver is an old Mac.

Sorry for the alarm!

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#109

The Google Fonts page doesn't really do justice to how dynamic this font is -- https://www.recursive.design/ has a live demo that shows more of the options, maybe the link should be changed to their demo. There are four dimensions and a few other flags that the font can be adjusted by in CSS: natural-width to fixed-width, Linear to "Casual", Font weight, Font slant, and cursive variants. By tweaking any of the variab…

The question is: do we need flexible fonts? Other than fine-tuning the monospace font to fit your exact preferences given the hours you spend coding, everything else seems to be a matter of just picking an appropriate type that fits your project

I can imagine wanting to use a flexible font for syntax highlighting for colorblind people and monochrome displays like eInk.

Re: Recursive, a free variable font for code and UI, now on Google Fonts

#110

The Google Fonts page doesn't really do justice to how dynamic this font is -- https://www.recursive.design/ has a live demo that shows more of the options, maybe the link should be changed to their demo. There are four dimensions and a few other flags that the font can be adjusted by in CSS: natural-width to fixed-width, Linear to "Casual", Font weight, Font slant, and cursive variants. By tweaking any of the variab…

Initially I thought this was an error, because there are other variable fonts on Google Fonts that are displayed with multiple sliders, such as Playfair Display or Work Sans. However, it looks like in each of these cases, the italics are a separate font definition, with only a single variable axis (weight) offered for each. It appears Google Fonts doesn’t currently have a way to deal with multi-axis variable fonts.

It’s more the case that the weight axis is common, and commonly understood, so the Google Fonts front end just leaves out any axis that isn’t Weight or Italic, I guess as a “UX” consideration. It’s unfortunate. The good news is, the Google Fonts API (the thing that serves fonts and CSS based on specific URLs) _does_ handle the other axes.

So, the Recursive minisite has a configuration tool (under the “Get Recursive” button) that makes it easy to get Google Fonts embed code for all axes.

Post reply on HN