TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

A parametric version of the Spectral font

238 pointsby tbassettoalmost 8 years ago

24 comments

svatalmost 8 years ago
Parametric fonts are cool. I think it&#x27;s a stretch to say things like &quot;Opening up to a new era of type design&quot; though. Yes, the feature of &quot;variable fonts&quot; was added to the OpenType specification somewhat recently, in September 2016. But before that there was Adobe&#x27;s &quot;multiple master fonts&quot;, and even before that, there was Knuth&#x27;s METAFONT, something that <i>could</i> have been a truly &quot;new era of type design&quot; but never took off.<p>See <a href="http:&#x2F;&#x2F;www.metaflop.com&#x2F;modulator" rel="nofollow">http:&#x2F;&#x2F;www.metaflop.com&#x2F;modulator</a> for an example of parametric fonts, inspired by Knuth&#x27;s system: you can drag the sliders to adjust various font parameters, and get many different fonts. Knuth&#x27;s article <i>The Concept of a Meta-Font</i> [1], published in <i>Visible Language</i>, is a classic. As you read the article he plays various tricks with the fonts as he describes them; it&#x27;s a delightful read. (His followup article &quot;Lessons learned from Metafont&quot; [2] is also interesting.)<p>Unfortunately METAFONT as envisioned by Knuth never gained much adoption by other font designers, for (AFAICT) two reasons:<p>1. Douglas Hofstadter wrote a response [3] pointing out that it is not possible to mechanize all typefaces into a single one, which although a valid point (the article is great), attacks a straw man, arguing against an absurd claim that Knuth never even suggested IMO. So some may have got the wrong impression from it.<p>2. More importantly, as Richard Southall or Chuck Bigelow (I forget who) said, most type designers think with shapes; they don&#x27;t think about shapes. Only a mind like Knuth&#x27;s would prefer to think deeply <i>about</i> the shape of each letter and come up with symbolic descriptions of each, parametrized across the whole family (see Knuth&#x27;s article <i>The letter S</i> [4] on his struggles with doing this for just one character).<p>Knuth has often said that we understand things better when we can teach them to a computer, and I still have hope for a future with parametric fonts that are better &quot;understood&quot;: not because the shapes will be better, but simply because humanity will be better off with a deeper understanding of letterforms. But I think that whatever the technology, the task of parametrizing shapes will run into similar challenges, some of which were described in the above-mentioned articles and say Richard Southall&#x27;s <i>Designing New Typefaces with Metafont</i> [5].<p>[1]: <a href="http:&#x2F;&#x2F;www.zigzaganimal.be&#x2F;elements&#x2F;the-concept-of-metafont.pdf" rel="nofollow">http:&#x2F;&#x2F;www.zigzaganimal.be&#x2F;elements&#x2F;the-concept-of-metafont....</a><p>[2]: <a href="https:&#x2F;&#x2F;s3-us-west-2.amazonaws.com&#x2F;visiblelanguage&#x2F;pdf&#x2F;19.1&#x2F;lessons-learned-from-metafont.pdf" rel="nofollow">https:&#x2F;&#x2F;s3-us-west-2.amazonaws.com&#x2F;visiblelanguage&#x2F;pdf&#x2F;19.1&#x2F;...</a><p>[3]: <a href="https:&#x2F;&#x2F;s3-us-west-2.amazonaws.com&#x2F;visiblelanguage&#x2F;pdf&#x2F;16.4&#x2F;meta-font-metamathematics-and-metaphysics-comments-on-donald-knuths-article-161.pdf" rel="nofollow">https:&#x2F;&#x2F;s3-us-west-2.amazonaws.com&#x2F;visiblelanguage&#x2F;pdf&#x2F;16.4&#x2F;...</a> &#x2F; <a href="https:&#x2F;&#x2F;www.cs.indiana.edu&#x2F;pub&#x2F;techreports&#x2F;TR136.pdf" rel="nofollow">https:&#x2F;&#x2F;www.cs.indiana.edu&#x2F;pub&#x2F;techreports&#x2F;TR136.pdf</a><p>[4]: <a href="http:&#x2F;&#x2F;www.cnd.mcgill.ca&#x2F;~ivan&#x2F;Papers&#x2F;The%20letter%20S.pdf" rel="nofollow">http:&#x2F;&#x2F;www.cnd.mcgill.ca&#x2F;~ivan&#x2F;Papers&#x2F;The%20letter%20S.pdf</a><p>[5]: <a href="http:&#x2F;&#x2F;i.stanford.edu&#x2F;pub&#x2F;cstr&#x2F;reports&#x2F;cs&#x2F;tr&#x2F;85&#x2F;1074&#x2F;CS-TR-85-1074.pdf" rel="nofollow">http:&#x2F;&#x2F;i.stanford.edu&#x2F;pub&#x2F;cstr&#x2F;reports&#x2F;cs&#x2F;tr&#x2F;85&#x2F;1074&#x2F;CS-TR-8...</a>
评论 #14607751 未加载
评论 #14607755 未加载
smlacyalmost 8 years ago
A system and method for letting &quot;The Marketing Guy&quot; choose and design the font instead of a trained graphic designer.<p>This isn&#x27;t going to end well.<p>Have you ever seen a font and thought &quot;oh, that&#x27;s ugly&quot; but it&#x27;s really hard to put into words exactly why? Font design is all about aesthetics and custom hand-tweaking every single curve of every single letter and making them look exactly right.
评论 #14607959 未加载
评论 #14607892 未加载
评论 #14609102 未加载
nayukialmost 8 years ago
This concept of a parametric font is the modern-day reincarnation of Donald Knuth&#x27;s <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Metafont" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Metafont</a> .
评论 #14606438 未加载
nimishalmost 8 years ago
Iosevka is also parametric, but fixed for a given TTF, as far as I can tell.<p>Very nice for coding.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;be5invis&#x2F;Iosevka" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;be5invis&#x2F;Iosevka</a>
评论 #14608082 未加载
评论 #14609029 未加载
pavel_lishinalmost 8 years ago
It looks really, really bad at my browser&#x27;s current size:<p><a href="http:&#x2F;&#x2F;i.imgur.com&#x2F;ZvyLwjB.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;ZvyLwjB.png</a><p><a href="http:&#x2F;&#x2F;i.imgur.com&#x2F;LC9cive.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;LC9cive.png</a>
评论 #14607394 未加载
评论 #14608771 未加载
DannyBeealmost 8 years ago
Does this actually have anything to do with Google? From what i can tell, prototypo is a completely separate startup company with some per-month pricing plan<p>If not, this looks like some bad trademark abuse, as everyone here seems to think this is somehow done by Google :(
评论 #14610045 未加载
评论 #14609710 未加载
yladizalmost 8 years ago
What&#x27;s the usefulness of this?<p>Part of the reason I ask is because while I would trust a UI designer to design the layout, colors, for an application, I think font design isn&#x27;t as simple because there&#x27;s a lot of factors that go into it, in some ways scientific and some ways artistic. I wouldn&#x27;t trust someone who isn&#x27;t trained in font&#x2F;typeface design to use a tool like this.<p>Also: On Safari, this took maybe 5-8 seconds to load, and bogged down the entire browser for that time. Afterwards it took a lot of power to render something else on the page. For something that is only showcasing a font demo to take up that much power is pretty crazy.
评论 #14607799 未加载
评论 #14607578 未加载
db48xalmost 8 years ago
I guess they haven&#x27;t heard of METAFONT.
derfnuggetalmost 8 years ago
Pre-link-click: Ooo another site by Google these are usually pretty cool; at least they&#x27;re well made... First impression: LOL this site was made by Google?! Page load is atrocious. Interaction using mobile is very bad. Lasting impression: This is like some weird developer designer hybrid that encourages...I don&#x27;t even know...Extra....Weird...serifs
评论 #14609616 未加载
throwasehasdwialmost 8 years ago
What a wonderful way to add massive complexity to font rendering while delivering spectacularly little value.<p>Don&#x27;t get me wrong, it&#x27;s cool, I just don&#x27;t see the point. And I don&#x27;t look forward to my battery life being used for pointless sugar.
评论 #14607459 未加载
评论 #14607963 未加载
评论 #14607849 未加载
评论 #14608035 未加载
评论 #14609272 未加载
评论 #14609047 未加载
评论 #14610085 未加载
评论 #14607208 未加载
JoshMnemalmost 8 years ago
The heavily animated demo is worrying. Animation is making the Web very unpleasant lately. It&#x27;s extremely distracting when trying to consume text content. Please don&#x27;t animate your fonts.
alikonekoalmost 8 years ago
I really hope this doesn&#x27;t become popular like Lato and Montserrat. This is horrible to me as a dyslexic. It&#x27;s near unreadable and distracting with the constant size changes.
评论 #14606985 未加载
placeybordeauxalmost 8 years ago
The constantly changing box is almost impossible to read.
评论 #14607539 未加载
peterburkimsheralmost 8 years ago
I&#x27;m collecting Chinese fonts for a project for a deep learning course.<p>Is there a tool where I can generate TTFs with different parameters to change the whole Unicode character set, not just ASCII?
评论 #14610093 未加载
joefkelleyalmost 8 years ago
I think the serif width &#x2F; serif height axes are switched
smnscualmost 8 years ago
I&#x27;ve spent so much time playing with the parameters that now letters don&#x27;t make any sense to me.<p>edit: also it&#x27;s absolutely gorgeous, well done
savolaialmost 8 years ago
This site doesn&#x27;t load at all on Firefox on OS X for me. Loading your experience stays on indefinitely.
fnovdalmost 8 years ago
Very cool. I&#x27;m seeing a future where fonts are stored as a series of transformations rather than a bunch of bitmaps&#x2F;glyphs&#x2F;vectors. A client could have specifications for adapting any font to make it more readable for their particular set of eyes while letting the font maintain a unique &quot;look&quot;.
评论 #14607478 未加载
评论 #14607489 未加载
lwlmlalmost 8 years ago
Page explodes for me into an unhappy tab, on OpenBSD&#x2F;Chrome at least.
Aeolunalmost 8 years ago
This is a great example of a terrible website.
ChuckMcMalmost 8 years ago
Wow, this could be so GeoCities. Remember that a proportionately small, but numerically large, number of people really like blinking text. :-)
评论 #14607624 未加载
Yhippaalmost 8 years ago
...is this a good thing? It seems so? Being able to fine-tune your fonts seems like it&#x27;s better than using something static.
a_imhoalmost 8 years ago
Does not load for me, CORS request failed
anigbrowlalmost 8 years ago
<i>Imagine shop windows that react according to the movements of passers-by</i><p>I would prefer not to.
评论 #14608324 未加载