Shop Sans is a typeface for curved text paths
181 points
by tobr
9 days ago
| 11 comments
| futurefonts.com
| HN
Scribesley
17 hours ago
[-]
Animated GIF from article shows what a "curve variable font" does:

https://incremental-production.s3.amazonaws.com/uploads/slid...

Very cool

reply
o11c
17 hours ago
[-]
The 'N' in particular is very worth watching. There are really no good answers, but at least an intentional answer is better than an accidental answer.
reply
Xss3
1 hour ago
[-]
I feel the result looks more like IV than an N
reply
ojosilva
17 hours ago
[-]
Red Hot Chili Peppers!
reply
tobr
19 hours ago
[-]
Hug of death, it seems. https://hex.xyz/news/2/ has some info about the font.
reply
bonyt
12 hours ago
[-]
I think your license has a typo that inverts the meaning:

> This license does now allow for the fonts to be embedded in software apps or e-books.

reply
stevage
16 hours ago
[-]
Hmm I wonder how hard it would be to incorporate into maps. There's often a big problem laying out road labels legibly along windy roads.
reply
bhouston
9 hours ago
[-]
Google Maps, since it is WebGL-based, I think would not support these advanced font rendering features out of the box. Probably could be added?
reply
onion2k
5 hours ago
[-]
Troika text (a font-to-signed-distance-functions tool) can do a lot of the heavy lifting of using fonts in WebGL apps. It can also do the process of converting from font data to SDFs in glsl, so it's fast. No idea if it supports variable fonts these days though. https://github.com/protectwise/troika/tree/main/packages/tro...
reply
jasonjmcghee
20 hours ago
[-]
I'm out of the loop on pricing models for fonts, but is it normal to base it on number of visitors to your site?
reply
stronglikedan
18 hours ago
[-]
Yes, and this pricing is quite reasonable too.
reply
LimeLimestone
17 hours ago
[-]
I'm even more outside the loop, what happens if on my personal blog I don't have any analytics and don't do any metering so I have no idea how many visitors I get?
reply
acherion
17 hours ago
[-]
The way these kinds of fonts work is that you don't host the font, they do. You link the font licence you purchased through your HTML code (or CSS, depending on how the foundry recommends you to apply the font) with a specific font URL that they provide you, which will contain unique identifiers. Then they can track how often the font gets loaded.

If your site really kicks off and you max out those visits per month (that they track on their end), they either start charging you the higher tier, cut off loading your font, or send you stern emails.

There is no expectation that you share your analytics with a type foundry.

reply
tobr
16 hours ago
[-]
That’s not true. I’ve bought fonts on Future Fonts and I received a download link to get the files. I think it’s fundamentally an honor system.
reply
acherion
14 hours ago
[-]
My bad, I assumed Future Fonts did something similar to other type foundries. Thanks for letting me know!
reply
JasonSage
16 hours ago
[-]
When there's a license you're either violating the license agreement or you're not. That's not an honor system.
reply
tshaddox
15 hours ago
[-]
No, "honor system" is very frequently used and understood to refer to a system where there are explicit rules but where the rules are not enforced via active surveillance.
reply
hatthew
15 hours ago
[-]
Who's going to verify whether or not you're violating the license?
reply
petercooper
16 hours ago
[-]
Not to take away from your fantastic explanation but I should note that’s not universal. There are foundries that operate on an honor basis and let you self host the font too.
reply
acherion
14 hours ago
[-]
Noted, I thought Future Fonts did the same system as many other type foundries out there, evidently not. Thanks for letting me know.
reply
fainpul
4 hours ago
[-]
What you describe is how Google Fonts handles this if you choose to use the fonts directly from Google's servers. This is a violation of GDPR. You can also download them and host them yourself, to comply with data protection laws.

https://cookie-script.com/blog/google-fonts-and-gdpr

reply
entropie
17 hours ago
[-]
> You link the font licence you purchased through your HTML code

Ugh, hard pass for me. It a nice font thought

reply
thelogicguy
19 hours ago
[-]
This is consistent with photo licensing, which is often scaled based on the potential number of viewers for both print and digital.
reply
lol768
2 hours ago
[-]
> This is consistent with photo licensing

On the contrary, I would say this is increasingly unusual nowadays. There are print restrictions on e.g. iStock content, but there's no attempt to "ration" the number of visitors that see a stock photo at a specific price point.

It's something that's generally put me off from licensing paid fonts - despite the work that has gone into them, because you're almost signing a blank cheque and it's not easy to know how many visitors are scraping content for LLMs.

reply
bobbylarrybobby
20 hours ago
[-]
Yes
reply
youngtaff
20 hours ago
[-]
Depends on the vendor… some also prevent things like subsetting or rely on methods for counting usage that slow down pages (Typekit)
reply
smurda
5 hours ago
[-]
This curve variable is very cool! It will be interesting to see if this becomes a new standard integrated into other variable types.
reply
duderific
15 hours ago
[-]
Bit of an aside but that site is truly awesome. Good to see some real design chops out there. I could browse those fonts for hours.
reply
bofadeez
9 hours ago
[-]
Surprised this wasn't already a thing. What did people do before? Manually warp it?
reply
fainpul
4 hours ago
[-]
If the curve radius is not too small, normal text with unaltered characters might look ok.

Some vector graphics software allows you to deform objects to conform to a path. Text can easily be transformed to editable path objects.

Example in Inkscape:

https://graphicdesign.stackexchange.com/questions/103080/ink...

reply
bhouston
9 hours ago
[-]
Beautiful.
reply
dylan604
20 hours ago
[-]
is this for someone that doesn't have access to proper typesetting software? i guess that could be cool if along side the font size you have a radius entry for programs that do not have a type-on-path tool. i'm just spoiled and have the proper tools so this causes me to tilt my head and ask why
reply
bobbylarrybobby
19 hours ago
[-]
It's not just about curving the baseline, the glyphs themselves curve according to the user-specified curve radius. Check out the second image/gif with curve optimizations on/off.
reply
cellular
12 hours ago
[-]
I use a circular font I made in inkscape for outputting SVGs to GatorCAM for CNC.

Inkscape lets me adjust kern of each letter because the curve can cause letters to touch.

reply
ks2048
16 hours ago
[-]
What font features enable this? (curious how it is implemented and which software supports it)
reply
tshaddox
15 hours ago
[-]
From what I can tell, it's a variable font, where the font developer can declare an axis (in this case "curve," or more likely "CURV") and the font user can control the value of that axis (e.g. via CSS) which controls how the font renders itself.

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Font...

This site demonstrates many highly stylized and artistic variable font axes:

https://www.axis-praxis.org/specimens/__DEFAULT__

reply
tobr
19 hours ago
[-]
This is about how each character adapts to the radius, not the path itself. Each character is tweaked so the design holds up as it’s curved. I don’t think you have tools to do that.
reply
CharlesW
19 hours ago
[-]
FWIW, people have glyph warping text (both on and off paths) using tools like Adobe Illustrator for as long as I can remember. I also don't quite get why one might want a capability that supports one type of glyph warping in the typeface itself.
reply
Luc
19 hours ago
[-]
A font is designed to have certain attributes (e.g. harmony between the letters). It is not clear that this harmony is preserved if you distort the font algorithmically. For this font the designer ensured that it is preserved.
reply
CharlesW
18 hours ago
[-]
I get that part (I've designed commercial typefaces), but as I understand it, (1) this only works for type on circles or circular arcs, and (2) the typeface has no awareness of the circle/segment it's on, so the designer still has to manually match the Curve property to the radius.

I think this is really cool and interesting work by Nick Sherman. I just wonder if I'm correct about the limited applications, and what could be done to enable the kind of "contextual intelligence" that would enable fonts to better optimize themselves for a broader set of types of envelope deformations.

reply
tobr
19 hours ago
[-]
Because it allows the effect of the curvature to be customized by hand for each letter shape by a skilled designer. Fonts like italics, bold or condensed can also be approximated with simple geometric operations, but I think you would agree that that looks terrible.
reply
TylerE
17 hours ago
[-]
The definition of just because you can doesn’t mean you should.

Giving me a migraine.

reply
Gualdrapo
17 hours ago
[-]
Not sure what you mean, and I'm not that versed in typography but as a graphic designer I'd bet people who actually know typography would appreciate something like this: laying out normal typefaces along a curve distort the space between letters and the top and bottom edges of letters won't follow the curvature they're being traced to until you do "manual" work (unless there's some auto-warping solution for fonts in something like Illustrator I am not aware of).

Of course this is not meant for prose texts or something, but for logo design this is a great thing to have.

reply