+  RHDN Forum Archive
|-+  Romhacking
| |-+  ROM Hacking Discussion
| | |-+  8x8 variable width fonts
Pages: [1] 2
Author Topic: 8x8 variable width fonts  (Read 2 times)
byuu
Guest
« on: September 03, 2008, 12:50:13 pm »

Okay, so in the screenshot thread I posted a mock-up of an 8x8 VWF. Surprisingly many people found it to be difficult to read. This was surprising since DeJap's Bahamut Lagoon patch uses an even thinner font, and I've never heard anyone complain about it.

I plan on using an 8x8 VWF exclusively for FEoEZ, and I want to get the game to be as attractive as possible. So I'm making a thread to get some opinions.

Now, for the actual text, letters will have an average width, sans space, of four. Nothing I can do about that. A space of five or more would mean abbreviating ~30% of all item names, character names, etc. Not going to happen.

The part that interests me most right now are the numbers (item counts, HP, MP, experience, etc). Should they be made variable-width as well, or left static?

This screenshot is a mockup, the game doesn't actually print HP/MP and such. It's just an example.



Benefits of making numbers VWF:
- more consistent with the text itself
- looks less gappy

Cons:
- will be slower (not substantially, but it'll be there)
- will create spacing / alignment issues nearly everywhere (as it will free up a lot of space); this will move the gaps from between numbers to between words
- harder to read, and numbers are arguably the most important thing on each screen
- eats up a lot more available tiledata
- either 1 will still be gappy, or look pretty bad anyway (with a serifed base in an otherwise sans-serif font)

It will obviously be a lot more work, but I'm not worried about this part, so I won't list that as a con.

So, I really wonder if it's worth the effort. The last thing I want to do is seem like I'm avoiding this because of difficulty. It's really no harder to make numbers VWF than it is to make text VWF, but I just feel that the cons outweigh the benefits. How about you guys?

I'll try and get some more pics up in the future for comparison.
DarknessSavior
Guest
« Reply #1 on: September 03, 2008, 01:08:34 pm »

Looks fine either way to me, really.

And if it matters, I prefer the left "4" to the right one.

~DS
Deathlike2
Guest
« Reply #2 on: September 03, 2008, 01:10:39 pm »

Quote from: byuu on September 03, 2008, 12:50:13 pm
Okay, so in the screenshot thread I posted a mock-up of an 8x8 VWF. Surprisingly many people found it to be difficult to read. This was surprising since DeJap's Bahamut Lagoon patch uses an even thinner font, and I've never heard anyone complain about it.

It has a lot to do with what the base comparison is (comparing against the font FF2 SNES uses makes your pic look terrible by comparison). Additionally, it's a mock of my favorite game.  Tongue

In a translation, it's not comparable at all. People are oblivious to what is being compared, so it's not something you want to compare against.

Think of this way, I can't stand RPGOne's font for FF6 (I think it's fixed width). Compared to what FF3 SNES uses by default, the original font for FF3 is better.
creaothceann
Guest
« Reply #3 on: September 03, 2008, 01:14:01 pm »

I'd say don't use variable-width numbers.
Gemini
Guest
« Reply #4 on: September 03, 2008, 01:15:25 pm »

The main problem with that font is the square shadow, which makes it not only hard to read, but also unpleasant (or at least it is for my eyes). Revision:

I removed a few black pixels near the grey "antialiasing". Also fixed the 's'  to make it consistent with the average width for lowercase characters.

As for the number matter, i think fixed width is fine, and convenient for menus with a lot of them.
FinalMinuet
Guest
« Reply #5 on: September 03, 2008, 01:16:02 pm »

I think the fixed-width numbers look better. The VWF numbers look too squished.
Chester
Guest
« Reply #6 on: September 03, 2008, 01:19:13 pm »

Left is better.
BRPXQZME
Guest
« Reply #7 on: September 03, 2008, 01:37:28 pm »

If you decide to go with VWF numbers, use old-school text figures to maintain readability and aesthetics. They just are better-looking and easier to read, though obviously you run into problems with 8x8 size.

Or at least that’s my personal impression from a few games I’ve played recently (granted, they happen to run at considerably higher resolutions...). I humbly submit the opinion that you should try it :beer:
byuu
Guest
« Reply #8 on: September 03, 2008, 01:43:54 pm »

Ah, good. So everyone here likes the static-width as well. That's good news -- I like it more, too.

Thank you everyone for your input, it's greatly appreciated.

Quote
If you decide to go with VWF numbers, use old-school text figures to maintain readability and aesthetics.

Yes, I have those in my dialog font. I also have smallcaps and kerning, but ligatures looked terrible at such a low resolution, so I left those out.

But at 8x8, text figures would be too hard to pull off, I'm afraid.

Quote
I removed a few black pixels near the grey "antialiasing". Also fixed the 's'  to make it consistent with the average width for lowercase characters.

The 's' looks like a tiny '8' now, and the 'a' connects which is kind of jarring, to me. I can't spare the extra pixel on the 's', anyway. Many names just barely fit as is. Meh, but fonts are personal preferences anyway. You have some good points with the shadowing. Perhaps I'll spend more time on it. My main concern was making the text stand out as much as possible, as some of the FEoEZ backgrounds are really, really vibrant, which make a standard down-right shadow insufficient for text readability.
Dragonsbrethren
Guest
« Reply #9 on: September 03, 2008, 02:10:39 pm »

I don't mind the fixed width numbers at all either, in fact it took me a second to even see the differences between the two.

Quote from: byuu on September 03, 2008, 01:43:54 pm
Yes, I have those in my dialog font. I also have smallcaps and kerning, but ligatures looked terrible at such a low resolution, so I left those out.

But at 8x8, text figures would be too hard to pull off, I'm afraid.

I thought FF Advance games that used them pulled them off pretty good:



Not perfect, but they're still nice looking.
byuu
Guest
« Reply #10 on: September 03, 2008, 03:12:30 pm »

That's a 6x8 font, though. I'd have to shrink numbers that are already stretched pretty wide to hide the gaps. A minimum of two pixels, so 0, 1 and 2 would only be five pixels high, and six pixels wide.
Kajitani-Eizan
Guest
« Reply #11 on: September 04, 2008, 06:00:19 pm »

Quote
If you decide to go with VWF numbers, use old-school text figures to maintain readability and aesthetics.

i agree that they do look nice. if it can be pulled off, awesome.

Quote from: byuu on September 03, 2008, 01:43:54 pm
Ah, good. So everyone here likes the static-width as well. That's good news -- I like it more, too.

i don't! well, personally, i would prefer each number to be pseudo-fixed width... that is, each number should be the same width, but that width should be lower (6 maybe, or 5, instead of 8?). i assume that would require a VWF with all the widths set the same, basically. actually, wait, that looks like what you have right now, on the right. just change the design of the 4 to match the FWF's 4 and you're golden. also, more spacing between the "HP:" and the actual number (if there are any similar situations in the real game).

also, this would make implementing the text figures thing more feasible.

Quote
The 's' looks like a tiny '8' now, and the 'a' connects which is kind of jarring, to me. I can't spare the extra pixel on the 's', anyway. Many names just barely fit as is. Meh, but fonts are personal preferences anyway. You have some good points with the shadowing. Perhaps I'll spend more time on it. My main concern was making the text stand out as much as possible, as some of the FEoEZ backgrounds are really, really vibrant, which make a standard down-right shadow insufficient for text readability.

i don't like gemini's shape edits (especially the 's'), but his shadow edits are a good idea. i would suggest a black pixel for any pixel below, right, or down-right of a white pixel, and a black pixel for any pixel below or right of a grey pixel. so basically, remove the black pixels that are diagonal from the grey ones.
byuu
Guest
« Reply #12 on: September 04, 2008, 06:32:27 pm »

Okay, so we have:

Left: creaothceann, Gemini, FinalMinuet, Chester
Neutral: byuu, DarknessSavior, Dragonsbrethren
Right: Kajitani-Eizan

Again, I really don't want to seem lazy by not adding VWF to the numbers, but yeah ... it seems most actually prefer it as-is. And if that's the case, I don't see much point in doing at least twice the work.

Quote
also, this would make implementing the text figures thing more feasible.

It would help with the width, but the height is the real killer. I need at least a height of 10 to make it look good. That would be 6-pixels for x-height, one for lower figures, one for higher figures, one for shadow, and one for spacing.

There are lines where numbers are right on top of each other, eg:
1234
5678

We could probably omit the bottom line shadow, even though it'd look tacky, but we still need 9-height. If we omit the spacing, numbers would touch each other on some windows. Not good.

DarthNemesis
Guest
« Reply #13 on: September 04, 2008, 06:49:49 pm »

I like the idea of keeping the numbers all the same width so that they line up, but I think you should go for consistency between the letters and numbers. The left-side numbers really look out of place being so wide, but the right-side numbers strain my eyes. Maybe keep the right-side glyphs but space them out a bit more?

Edit:


Not bad, I think.
« Last Edit: September 04, 2008, 07:01:58 pm by DarthNemesis »
Dragonsbrethren
Guest
« Reply #14 on: September 04, 2008, 08:04:29 pm »

One thing you could try is making the numbers bold, it would somewhat emphasize the fact that they're fixed width but at the same time it would look like a stylistic choice. I like the way this looks in Bahamut Lagoon and Cless's ToP translation.

You could also do what I did for font 1 in Pandora's Box and use your gray to outline the fixed-width numbers:



That blurs together nicely with the white when viewed my TV and makes them look really good.

Of course the way you have it now is fine too, as I said I really didn't even notice the difference in width at first. Just offering some suggestions if you want them. Smiley
« Last Edit: September 04, 2008, 08:13:44 pm by Dragonsbrethren »
Pages: [1] 2  


Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC