Type Battle 21: FontStruct

Zara Evens
8.Apr.2008 2.47pm
Zara Evens's picture

Here’s your chance to stretch your type muscles on a weekly basis. We are posting a day late, but you still have one week to create and submit your entry. Anyone may submit a design response to the challenge. You may enter as often as you wish. Post anytime. Critiques and comments are welcome throughout the game, from participants and spectators alike. Smack talk is encouraged.

As with any street battle, there is no panel of judges and no prize — only the ability to call yourself the best on the block.

Link directly to this thread: http://www.typophile.com/battle21

// REQUIREMENTS

- Image size: 550 width x 400 height. 72 dpi
- Color: Black and white only
- Format: Please save your graphics as PNG

// THIS WEEK’S CHALLENGE:
// Utilizing the free, online font-building tool, FontStruct, complete at a minimum, a lower case typeface that will look great in a paragraph of text. Post your results in the form of a PNG, and include a link to your FontStruction.

http://www.fontstruct.com

Winner take all, no holds barred. May be the best designer win.



Eben Sorkin
8.Apr.2008 6.22pm
Eben Sorkin's picture

Are you allowed to tweak the spacing or add/subtract parts? Fontstruct is awesome but sometimes the loss of a kern is catastrophic. Also serifs ruin spacing with the auto spacing. Regarding spacing/metrics and so on please read:

http://fontstruct.fontshop.com/faq/fonts/can_i_control_the_metrics_gener...


metalfoot
8.Apr.2008 6.22pm
metalfoot's picture

Ooooh! I’m in! Guaranteed to place last, but in!


Eben Sorkin
8.Apr.2008 6.38pm
Eben Sorkin's picture

This has no right side serifs extending except for a few letters like x because it plays merry hell with the spacing.


Joe Pemberton
8.Apr.2008 6.54pm
Joe Pemberton's picture

Ooh, Eben, it looks like I’m looking through a microscope at some chromosomes.


Eben Sorkin
8.Apr.2008 6.57pm
Eben Sorkin's picture

It needs to get more chromosome-like before I am done. The p needs fixing for instance - lower connection to the stem...


Stephen Coles
8.Apr.2008 7.12pm
Stephen Coles's picture

Beautiful, Eben. Even nicer than I expected. That really proves that we need to refine FontStruct’s gallery widget. Love the way you’ve used smaller dots to emulate antialiasing.

Joe - get your Punchcut boys in here. They have made some excellent text-worthy FontStructions.


laserj
9.Apr.2008 7.12am
laserj's picture

Hi, long-time lurker here.
Spent most of this weekend trying to do just what the topic ordered.
Take her out for a spin here: http://fontstruct.fontshop.com/fontstructions/show/1967

Ben Townsend Hamm


Eben Sorkin
9.Apr.2008 8.41am
Eben Sorkin's picture

Ben, Very Nice!


Stephen Coles
9.Apr.2008 9.44am
Stephen Coles's picture

You forgot to link to yours, Eben. Here it is.


Eben Sorkin
9.Apr.2008 9.47am
Eben Sorkin's picture

Thanks! I improved it a bit last night. It has fancy numbers now & a better “p” among other things. I will post a new image Thursday.


Stephen Coles
9.Apr.2008 9.49am
Stephen Coles's picture

A spacing workaround: you can add more left sidebearing by leaving grid spaces between your glyph and the left guide. Jordic used this technique on all characters to loosen the spacing on his BB Tempo Extended.


Kottis
9.Apr.2008 11.08am
Kottis's picture

About time i posted something! Here’s my second fontstruction. Too bold for a lot of text, but oh well.

Link: http://fontstruct.fontshop.com/fontstructions/show/6962


Zara Evens
9.Apr.2008 11.43am
Zara Evens's picture

By request, the image size has been changed to 550px in width. This should solve the scrollbar issue.


Stephen Coles
9.Apr.2008 12.17pm
Stephen Coles's picture

This is Eerostyle


mollymonster
9.Apr.2008 1.56pm
mollymonster's picture

“Joe - get your Punchcut boys in here. They have made some excellent text-worthy FontStructions.”

And girls!! Punchcut has female employees as well. :)


Stephen Coles
9.Apr.2008 2.33pm
Stephen Coles's picture

Sorry Molly! Hadn’t seen any of the Punchcut girls on FontStruct, but I could be missing someone.


Zara Evens
9.Apr.2008 2.53pm
Zara Evens's picture

i am a girl, stewf and you know I am on FontStruct :(


Stephen Coles
9.Apr.2008 2.55pm
Stephen Coles's picture

Whoops! And in the top 10 at that! I guess I don’t think of Zara as a Punchcutter. Zara is her own entity.


paul d hunt
10.Apr.2008 5.02am
paul d hunt's picture


This is SlabStruct Too, an alternate to SlabStruct. Both inspired by Cholla, but I think Too emulates the model better.


dtw
10.Apr.2008 5.53am
dtw's picture

Okay, let’s get in there quick before I get put off by everybody else’s masterpieces!

Excuse the quality of the image: I’m on a machine that doesn’t have access to Photoshop or anything useful, so that was straight out of FontStruct’s preview window and saved through Windows Paint! (ahem...)

I have slightly narrowed the cap S since taking this screen shot.

Link: http://fontstruct.fontshop.com/fontstructions/show/12566

______________________________________________
Ever since I chose to block pop-ups, my toaster’s stopped working.


Jongseong
10.Apr.2008 7.57am
Jongseong's picture

I really need to get back to work, so here is my attempt:

It’s got several strikes against it in terms of readability as a text face. Most obviously, it’s a modern with extreme contrast—so extreme that the horizontal hairlines are merely suggested and not actually connected.

Link: http://fontstruct.fontshop.com/fontstructions/show/12896

Stephen, Eero Saarinen rocks! And so does Eerostyle—it really seems inspired by Saarinen’s work. I’m impressed with everyone’s work so far.


meganhill
10.Apr.2008 10.28am
meganhill's picture

I NEED TO FIND OUT IF ANY OF YOU HAVE THE “NEW” FREE SCRIPT FONT THE NAME IS “FREE SCRIPT”.......IT IS VERY EXPENSIVE AND RIGHT NOW I AM CURRENTLY A STUDENT SEEKING A GRAPHIC DESIGNER’S CAREER......I WOULD DEEPLY APPRECIATE IT.....I LOVE THAT FONT........
THANK YOU AND HAVE A GREAT DAY!!

MEGANHILL


eliason
10.Apr.2008 10.34am
eliason's picture

Excuse the quality of the image: I’m on a machine that doesn’t have access to Photoshop or anything useful, so that was straight out of FontStruct’s preview window and saved through Windows Paint!

Hey, clever trick - that fuzziness really helps iron out one’s diagonals! :-)

But seriously, Ubiety works really well! Good job, dtw.


Zara Evens
10.Apr.2008 10.50am
Zara Evens's picture

Megan,

This isn’t the proper thread to be asking those kinds of questions. Please read the FAQ on Free Fonts:

http://typophile.com/node/14652


eliason
10.Apr.2008 11.27am
eliason's picture

Joe Pemberton
10.Apr.2008 1.51pm
Joe Pemberton's picture

Hammer+Sickler

Permalink: http://fontstruct.fontshop.com/fontstructions/show/12159

Transliterated lyrics from the former Soviet National Anthem.

Note: The lowercase, punctuation and figures are, um, teh suk right now so ignore those.


Joe Pemberton
10.Apr.2008 3.40pm
Joe Pemberton's picture

I’m sort of liking how chunky and imperfect this is, in a Rodchenko poster kind of way. (All or most of Rodchenko’s lettering was hand-drawn). But this still has some trouble spots, like the weight of horizontal strokes in the E don’t match some of the others.

I think the A needs to descent below the baseline, like the Cyrillic D, what do you think?


nicholasgross
10.Apr.2008 4.46pm
nicholasgross's picture

That is truly awesome, I can see it now screenprinted on funky posters in limited edition runs, appearing in images on the web held up by designer’s fingers. I haven’t had the chance to look at the tool yet but I’m impressed with everybody’s efforts.


Mark Simonson
10.Apr.2008 10.00pm
Mark Simonson's picture

Here’s another one:

http://fontstruct.fontshop.com/fontstructions/show/bubblewrap

This came out very much like a bitmap font, but with rounded corners. I can’t seem to figure out how to control the width of the space. It came out very narrow, so I had to type two in a row to get an acceptable width when I set the sample in Photoshop.


Joe Pemberton
11.Apr.2008 1.15am
Joe Pemberton's picture

Very nice Mark. By the way, sorry I missed your visit to SF. I was home with a sick 5 year old.


dtw
11.Apr.2008 1.23am
dtw's picture

“Hey, clever trick - that fuzziness really helps iron out one’s diagonals! :-)”
...Good point, Eliason. Yeah, sorry about that. Sort of. :-D

Still like Eben’s dotted font: kinda reminiscent of Rian Hughes’ Monitor but more readable without having to stand well back.

______________________________________________
Ever since I chose to block pop-ups, my toaster’s stopped working.


Mark Simonson
11.Apr.2008 5.53am
Mark Simonson's picture

@Joe: Likewise. Sorry to have missed you.


dtw
11.Apr.2008 8.55am
dtw's picture

Mmmm, now that works.


rubenDmarkes
11.Apr.2008 8.57am
rubenDmarkes's picture


ruD

{Edit: forgot to link you up! Leiria is here.}


metalfoot
11.Apr.2008 10.08am
metalfoot's picture

Here’s my ever-so-cruddy contribution to this thread. I’m not going to vouch for anything about it other than that I had a tonne of fun making it! Oh, and having used the mighty Windoze paint to create the PNG, the anti-aliasing is screwed up. Best bet is to look at the original.

You can find the original here.


metalfoot
11.Apr.2008 10.17am
metalfoot's picture

ruben: THAT IS AWESOME! I knew mine was crap but I didn’t know just how crap it was until I saw yours...


rubenDmarkes
11.Apr.2008 11.02am
rubenDmarkes's picture

Oops… I meant «… worked OUT great!» Damned typos! :D

Thank you very much, metalfoot. :)

ruD


rubenDmarkes
11.Apr.2008 11.15am
rubenDmarkes's picture

Eben’s is quite good, and the effect that you get with Joe Pemberton’s kicks ass. I’m hoping to see something created on Fontstruct that may become the new Helvetica or the new Caslon… xD

No, serious. I’d really like that.

ruD


James Puckett
11.Apr.2008 12.04pm
James Puckett's picture

Joe, that design is brutal!


eliason
11.Apr.2008 12.37pm
eliason's picture

Ruben - love your ampersand and especially your asterisk!


Joe Pemberton
11.Apr.2008 1.35pm
Joe Pemberton's picture

Usually when I hear brutal in reference to design it means you’re bleeding out of your eyes. Can you clarify? =)


theterrible
11.Apr.2008 1.54pm
theterrible's picture

I’d not tried setting Struktur in a paragraph yet, and this reminded me of how much FontStruct needs some metrics control. I added a few ligatures to help with some of the spacing issues (and for extra coolness factor!). Stewf, the left sidebearing trick only works in the FontStruct preview, not in the actually font, unfortunately.


DrDoc
11.Apr.2008 7.05pm
DrDoc's picture

Hooray!

The name will probably change; I was running short on creativity.

http://fontstruct.fontshop.com/fontstructions/show/13136

Edit: apparently I forgot to turn off spell-check. Oh, well.


Em42
12.Apr.2008 4.19am
Em42's picture

Just noticing how a lot of sets look flawless in paragraph (Eric’s, Dmitry’s and Ruben’s just to mention the last ones), a thing you can’t tell just by examining the fonts in FontStruct display.

Really surprised by what I’m seeing here! Bravo to all!


Eben Sorkin
12.Apr.2008 9.14am
Eben Sorkin's picture

I will have to get my revisions down & set a new proper sort of paragraph to see how it compares. This has been a good type battle. I think Rueben’s design might make a nice “real” outline font - in the right hands. It has a lovely ampersand.


rubenDmarkes
12.Apr.2008 10.24am
rubenDmarkes's picture

*crossing my fingers hoping I’ve got the right hands*

I’ve been considering that, Eben. Do you think it should completely echo what it looks like on this level or do you think it should have quirks of its own on the outline level, when there’s a lot more “pixels” to fill?
I’ve been thinking: is there a way to embed bitmap fonts onto a regular font? Because I’d like to be able to control hinting on regular outline faces the way you’d make a pixel font and make different typefaces altogether for different screen sizes that would be embedded into the original outline font file…

Oh, and thanks! To Em42 and eliason, too. :)

ruD


laserj
12.Apr.2008 10.41am
laserj's picture

Eben’s and Ruben’s are magical, I’ve gotta say.


Fredrik
12.Apr.2008 12.26pm
Fredrik's picture

A modest attempt at some kind of bodoni-esque face. Never made a typeface, so fontstructor was lots of fun. I have just fulfilled the minimum - lc - so far.
Link: http://fontstruct.fontshop.com/fontstructions/show/15332


Hofweber
12.Apr.2008 6.45pm
Hofweber's picture

Procrastination spurred this typeface with which I spent very little time.


aand that’s not even showing up. I’ll fix this later.


eliason
12.Apr.2008 9.16pm
eliason's picture

Some of these remind me of the old bitmap fonts on the original Macintosh. Kottis’s is Chicago and Ruben’s is New York.


Eben Sorkin
12.Apr.2008 9.50pm
Eben Sorkin's picture

Do you think it should completely echo what it looks like on this level

It doesn’t have to no, and it is probably not a good idea actually. There does need to be a relationship for sure but what that is precisely is better determined by how it would look in outlines and in print. It’s a tough thing to do if you have never done it but it might be rewarding/fun too.


Eben Sorkin
12.Apr.2008 9.52pm
Eben Sorkin's picture

Thanks Ben!


Joe Pemberton
12.Apr.2008 11.46pm
Joe Pemberton's picture

Dmitri, I love that lowercase. Lots of great stuff here. And even more gems at FontStruct. Great way to end the Battle for the week.

James, I know I’m getting old. In my day brutal meant punishingly uncomfortable.

And, I have to point you to the Punchcut crew at FontStruct. Look for commandzed (Zara), nathancox (Nathan), b boy stylez (Justin), garphynk (Gareth) and sorry Molly, I don’t know your user name.

Stewf, looking forward to future generations of FontStruct. Kudos for such an innovative product. I had a moment of joy when I downloaded my FontStruction (free) and installed it with Linotype’s FontExplorer (also free).


AGL
13.Apr.2008 6.20am
AGL's picture

Eh eh, Fontstruct is so much fun. I didn’t know about such a ¡ awesome ! toy.

If you want to look at it with more detail:

http://fontstruct.fontshop.com/fontstructions/show/14322

He he. André


russellm
13.Apr.2008 6.01pm
russellm's picture

5char

-=®=-


rubenDmarkes
14.Apr.2008 6.44am
rubenDmarkes's picture

Yeah, thanks, laserj! “Magical” certainly is a great compliment! Maybe even a bit of an overstatement… :P

Bo constructor is looking pretty good in a paragraph, Fredrik.

ruD


kyrmse
14.Apr.2008 6.45am
kyrmse's picture

Ruben:
Sua fonte Leiria é coisa de profissional, e é difícil acreditar que seja montada com FontStruct. Gostaria de “adotá-la” para meu uso. Os algarismos “elzevirianos” (é assim que se diz?) são esplêndidos. Só me faz falta - para escrever em alemão - o eszett (ß). Parabéns aqui do Brasil!
Your Leiria font is professional work, and it is hard to believe it was assembled with FontStruct. I would like to “adopt” it for my use. The old-style figures are splendid. For me it only lacks - in order to write in German - the eszett (ß). Congratulations here from Brasil!
Ronald Kyrmse
ronald.info.ms


rubenDmarkes
14.Apr.2008 7.35am
rubenDmarkes's picture

Obrigado, Ronald! I’m glad you like it. :)

I didn’t even know the word “elzeviriano”, but I just checked and it does exist; it refers to the characters used by the Elzevirs, apparently – whom I’d never heard of… —, but I don’t really know if that’s how you’d refer to oldstyle figures. Most of what I’ve learned about typography is in english, so I don’t even know the portuguese words for most things… in fact, I’m so used to hearing and reading english that sometimes I have a hard time thinking in portuguese. :P Not that I can’t communicate in portuguese, though.

Anyway, your wish is my command! The eszett is done. Tell me what you think of it, because I’m not used to it and I’ve never drawn one before, so I’m not sure if it’s ok…

ruD


rubenDmarkes
14.Apr.2008 7.39am
rubenDmarkes's picture

I just tried it. It probably needs a larger eye, doesn’t it? The bottom curve gets a bit too dark… anyway, tell me what you think. :)


rubenDmarkes
14.Apr.2008 7.53am
rubenDmarkes's picture

Corrected it, think it’s ok, now.

ruD


Joe Pemberton
14.Apr.2008 11.59am
Joe Pemberton's picture

Zara just reminded me, this Battle isn’t over until Tuesday. So, um, git ’er done.


Eben Sorkin
14.Apr.2008 2.13pm
Eben Sorkin's picture

Workin’ on that kerning... You never did say if that was a-cheatin’...


Natecox
14.Apr.2008 3.22pm
Natecox's picture

Uniball Serif: http://fontstruct.fontshop.com/fontstructions/show/9974


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

BONUS: Can anyone guess where the name Uniball comes from?


Eben Sorkin
14.Apr.2008 3.29pm
Eben Sorkin's picture

Very Nice indeed.


rubenDmarkes
14.Apr.2008 4.13pm
rubenDmarkes's picture

Nate, Uniball’s sweet! Congratulations! Uniball… they make pens, right?

ruD


Natecox
14.Apr.2008 4.20pm
Natecox's picture

@ruben: Thanks. And yes Uni-ball is a pen brand but it’s not the whole story behind the name.


mollymonster
14.Apr.2008 6.41pm
mollymonster's picture

See, a tool so simple that a project manager can use it!
http://fontstruct.fontshop.com/fontstructions/show/15551


Eben Sorkin
14.Apr.2008 10.13pm
Eben Sorkin's picture

Revised EXP

The lower case is kerned now and has complete serifs but the upper case is not done.


rubenDmarkes
15.Apr.2008 4.31am
rubenDmarkes's picture

I’d change one or two things – I think the hyphen needs to be a bit lower, for example –, but otherwise, that looks great, Eben. :) Isn’t it a bit too tight, though?

ruD


rubenDmarkes
15.Apr.2008 4.34am
rubenDmarkes's picture

Those serifs really help with the spacing/kerning on a pixel level, geez… I had to mangle some of the letterforms so the final kerning wouldn’t be so terrible… so this really isn’t Leiria Sans as I initially intended it to be. I called it Leiria Bad Sans Informal; with this name, it’s actually not bad. :P


{Edit: forgot the link, again… Leiria Bad Sans Informal.}
ruD


kyrmse
15.Apr.2008 6.20am
kyrmse's picture

Nate: Of course Uniball is an anagram of Lubalin!
Ronald Kyrmse
ronald.info.ms


kyrmse
15.Apr.2008 6.27am
kyrmse's picture

Ruben: Thanks for the eszett! Obrigado -
Ronald Kyrmse
ronald.info.ms


Eben Sorkin
15.Apr.2008 9.29am
Eben Sorkin's picture

Ruben I tried it wider. I think I would end up deciding depending on how big or small it was going to be viewed. In metal type the spaces between letters get bigger as the font get smaller. Here is EXP2 suited to smaller settings. Now with Caps. And a fixed Hyphen.


Eben Sorkin
15.Apr.2008 9.46am
Eben Sorkin's picture

It might be fun to kern this for optical & print rather than grid & screen based purposes...

And maybe make some contextual shapes. :-) the “r+a” looks good. The “s+a or m+a” could use an extra small dot on the end of upper left arm. Milan needs fixing (M+i)


AGL
15.Apr.2008 10.14am
AGL's picture

Quote.
I guess the competition have got’em dotted out by Eben’s font. LaserJ font gives me some ideas and question is, can I use it for free? Learning as a Unique Individual seems fun and I vote for it to be used only in 72 pt or up. Eero Saarinen is unknown to me but it actually could end up used on a architect business card. SlabStruct Too is awesome and makes me cry, as I lost a slab serif to a melted hard drive ;;;-). The Mole is still working and “O blowed”(ed) my had off... Jongseong Modulern also works great in 3 inches size :-) The Avenida do Senhor de quarenta e dois anos está à medida and I wonder if sua Illvstríssima Vosmicência náo será un heterónimo deveras fortíssimo... I did indeed required a backup plan before the fall of that hard drive and I excuse myself but I get to say I would like to make a recut of it but shaded to fit it in a cartel españolo, As for the Hammer+Sikler it is a marvelosity with wrong reading R´s, hehe. Bublewrap appears to have been sketched before proceeding to moving the blocks in place. Leiria which was never meant to be so large or small has already been targeted to be noqued asap. Metalfoot’s font would work great if plated from 24 points and up. The Terrible thing is that I love back letter. T80´s cyrillic paragraph looks like hieroglyphs to me but the readable part actually collects my sympathy for the sinking “i”. Hooray Doc Dr, I guess you gave me a idea: I will include the spell checker red dots in all of my typos and the “W” is evi-lish plus stylish. Bo Constructor is a PIXdoni of elevated stature and therefore extrim good at larger sizes. Hofwebber´s fast creation so far is awesome when used as 10 inches sizes. AGL’s (who is this guy Anthony?) is a effort dimmed by a prosthetic hand. Thank God the text is not mine ;) Russelin 5char looks very cool; to be complete the puzzle I would ad a swastika ornament. Natecox Unibal Serif will be download know. Mollymonter´s chickens actually are looking at ya. Eben’s Revised EXP has got a small cap kern treatment and the text is good (where does it come from?). And to complete this comment Leiria Sans Is not bad at all, I will not try to predict if it will remain untouched...
Unquote.

¡ Hehe !

André


rubenDmarkes
15.Apr.2008 11.03am
rubenDmarkes's picture

And here I thought I was the only one with nothing better to do, André! :P

Those anagrams always slip right by me! You’re right, Ronald! And you’re quite welcome. :)

Lexip and Lexip B would be great if it wasn’t for that pesky spacing problem… I hope they come up with some sort of spacing control that allows us to better fontstruct soon.

And you’re right, Eben; it would depend on whether we used it for display purposes or for running text. But I do seem to have a tendency to always kern everything on the wide side… (this reminded me of that song: “Hey, babe… kern the face on the wide side…”)
Anyway, that’s a tough kerning job you’ve got there (not that there are many easy ones, I guess).

Overall, I think I’d vote for Uniball (and it rhymes, too).

ruD


Natecox
15.Apr.2008 11.20am
Natecox's picture

Ronald wins. Uniball is indeed an anagram for Lubalin. I knew if anyone could decipher and appreciate a lame type nerd anagram joke it would be Typophiles.


Zara Evens
15.Apr.2008 11.51am
Zara Evens's picture

Nice stuff, everyone!

A new battle has just been posted: http://www.typophile.com/battle22


Fredrik
15.Apr.2008 12.53pm
Fredrik's picture

I think there’s some very nice work been done here. My vote would go to Eben (cleverly managing to get both the first and last words... ) or Mark’s Bubblewrap, as I think they make excellent use of - while highlighting - the modular structure of our new favourite online app. I’m hooked.