Computational fonts for the web
Hello ginger, Ana, Ricardo and Manuel.
Here is a subject, in form of a story, which could be turned into a proposition of some kind.
I started to get interested in fonts for the web, before the @font-face specification. As you remember, we didn’t have much choice. Either, we had to guess the fonts the user would have (which would be 90% windows defaults). Or use php-gd on-the-fly srever-side baked images or some flash app as a way to display more fancy fonts for blog titles mainly.
Anyway, because I can’t do things like everyone and because I didn’t want to send baked-images nor use flash for my website, I tried rendering fonts, in javascript, in the browser. You must also know that there was no <canvas> tag available at that time either.
So I used some cryptic js library that would draw in the browser using only absolute divs. I also created my own parametric font, where each gliph would be a single closed shaped polygon. And I used (and still use) it for my logo and the titles of my website http://xuv.be.
Here’s an example of the font with 3 weights.
http://xuv.be/static/xuvfont/typo.html
I never (took the time to) release(d) that font. But I thought about it and thought about porting it to other languages also (like processing for example).
Anyway. This got me interested in other projects like this. And I found 2 of some sort.
One is the Curtis CSS typeface by Dave Desandro
http://desandro.github.io/curtis-css-typeface/
(A pure html-css only typeface)
The other is the 1kJS experiment http://www.claudiocc.com/the-1k-notebook-part-i/ (By Claudio CC ?)
So, my proposition could be to write about these weird web type face experiments and try to find some more relevant work around these ideas. (So the criteria here would be not to use a font file as a source, but just html-css-js).
Or another proposition could be that I talk about my font project and release the xuv-font in different languages.
Or also could be just images of these 3 projects in some sort of quick and weird showcase section.
Tell me what you think about this.
And if you found this interesting, I can start cooking ;)
Manuel 1:43 pm on March 24, 2014 Permalink
Hi Julien,
Thanks for those proposals, I like them a lot! Very much in line with what we are planning.
I think the most awesome would be to write on the background of the xuvfont experiment, and those other “pure web typeface” hacks (didn’t know about those).
This article could also briefly mention things like sIFR and Cufón – those ugly workarounds that are history now. But I love the idea of focussing on those deliberately experimental font works.
Julien 4:30 pm on March 24, 2014 Permalink
Hey Manuel.
Glad you like it :)
The sIFR thing is what I was talking about when I mentioned flash based font titles. I just didn’t remember it had an “official” name. Thanks for it. Here’s a link to the reference page: http://www.mikeindustries.com/blog/sifr/ (feels like dead media to me now this technology :) )
And I had no idea what cufon was. Maybe vaguely in my “I have heard that” memory. But never investigated it. Interesting. Although I haven’t explored yet what it was. Seems recent though. Here’s what seems the reference: http://cufon.shoqolate.com/generate/
Manuel 10:38 am on March 25, 2014 Permalink
Actually I didn’t ever check how Cufon worked. It uses canvas and VML – a standard submitted to the W3C in 1998, that “has been largely deprecated in favor of other formats, such as SVG”. Looks like Cufon development started in 2008 and stopped in 2012.