Discovery Gaming Community
Tutorial: Font readability - Printable Version

+- Discovery Gaming Community (https://discoverygc.com/forums)
+-- Forum: Welcome (https://discoverygc.com/forums/forumdisplay.php?fid=399)
+--- Forum: Help & Support (https://discoverygc.com/forums/forumdisplay.php?fid=26)
+---- Forum: Tutorials & Tools (https://discoverygc.com/forums/forumdisplay.php?fid=178)
+----- Forum: Community Technical Guides (https://discoverygc.com/forums/forumdisplay.php?fid=745)
+----- Thread: Tutorial: Font readability (/showthread.php?tid=175041)

Pages: 1 2 3 4 5 6 7 8 9 10 11


Tutorial: Font readability - darkwind - 11-20-2019

Let me show you not good choices in font formating


Disclaimer: It's only about font readability. For a style formating you can read other guides.

The best tool to experiment with font readability you can find here.


1) Font with size less than four is too hard to read, eyes are getting hurt.

I saw a message where they even chose Agency FB font to make it worse

anti-example:
Multiply of. Fish fill. Midst she'd deep multiply can't first herb It bearing so their the may midst. Image saying hath first seas Night may made made kind. Two creeping gathering greater fish day appear god forth stars together of. Brought, doesn't stars face.

Above fruitful winged of blessed cattle green fill them fill from them spirit firmament appear of. Said gathering beginning winged.

Every stars. Cattle midst moving likeness it in whales lights can't make gathered bring, thing. Won't behold replenish greater you was be kind likeness unto wherein. Moving fruitful second night meat. After make don't together. Made.


2) It's also a bad idea to choose a font(Orbitron) designed for headers to apply for all written text. Letters are uncomfortable to read(they are too much different from standard Arial). Orbitron is designed to make noticeable only a few phrases(Headers).

anti-example:
Very earth fruit they're beast cattle cattle. Brought darkness. Made great air male evening two stars saying Sixth of which and tree won't doesn't beast said set gathering wherein sea. Given it evening rule, let. Blessed. Grass together morning.

Spirit meat, seed set so you doesn't bring his face day abundantly male man image. They're firmament to you're very appear.

Form Make spirit together be face void which called one. Fourth she'd whales. Abundantly under bring wherein bearing subdue one a light they're. She'd shall upon and thing. Can't winged whales in divide moved after earth image great it divide.


3) Since we have a black background, it's highly preferable to have bright colors for a font. It's a bad idea to choose dark red/dark blue/dark gray and e.t.c, because of little difference between text and background

anti-example:
Fowl, good. There give created seas hath doesn't signs was cattle in subdue midst multiply gathering third of image isn't together give blessed together night one i every creepeth sixth she'd forth place called gathered, tree under you gathered brought.

Is lights whales kind. Yielding. Set. And. Subdue day all Together cattle the fowl the likeness signs land. Likeness under seasons male Also blessed Grass, whales be spirit they're, thing. Deep. Subdue moveth bring days behold and.

Male their. Fowl our yielding yielding own heaven kind image fruitful deep abundantly, appear life fifth form spirit morning you'll seed in whales.


4) Small additional advice. It's a good idea to make an empty new line between every 4-6 lines, to make a text more readable and comfortable for human eyes.

anti-example:

Seas blessed two be have form fourth dominion beginning meat above. And, god beast upon fill made stars may day it replenish gathered forth behold, beast won't. Moving moving likeness divide fourth own doesn't saying place. Bearing. His night. Let spirit dominion have earth female she'd. Were dry man said fill, may fly to yielding over you'll deep man a and herb Second. Forth. There life their beginning it there. From rule so herb made two spirit of beast first can't you're moveth without. They're. Kind very beast air. Whales evening female make the seas fruit sea lesser have night stars midst them created may. Signs meat which open dominion tree created replenish, the us blessed subdue them seasons, divide under face she'd appear also grass. Spirit. Gathered set yielding his after doesn't you're which heaven. Forth fruitful years over saw winged evening wherein of from appear made light from let dominion were. Green Yielding behold winged thing from first one thing multiply, itself own. Stars. Night subdue that. Also so they're void upon darkness forth moveth to fourth a isn't his without they're lights life unto light rule them and hath she'd which she'd were forth after fowl that fill man very be a very void fruit don't image dominion fowl female was can't likeness lights after creature him. Moveth shall greater days day dominion. Have. Shall their light very their, blessed were yielding two. Above divide under air made whose. That creature land air heaven make bearing doesn't every own day god us, dry darkness days for one him all won't gathered you them midst own wherein man winged waters Stars them said. Life seed dominion given morning day upon kind also years a won't Earth man face very. Called firmament his unto. Spirit so tree hath all cattle it forth after together. So kind fowl fly his first god third kind herb land gathered i said divided replenish kind fowl sea second heaven over him saying third green hath days and of. Midst subdue two moving behold so. Their two in midst moved place there kind saw and herb let greater void signs yielding doesn't living place appear can't bearing for they're upon one morning of it firmament bearing in a which likeness beast in abundantly have, face said firmament stars face stars. You'll spirit you're stars green moved. Male fifth god isn't man darkness that hath.

In addition to my point #4, advice by Chance
(12-15-2019, 02:15 PM)Chance Wrote: The problem you are addressing in #4 is sometimes called stream of consciousness writing, meaning that the person just dumps their thoughts onto the medium as they occur, then never goes back and organizes them.

Rules to make the content more sensible:
  1. Do not overuse words. There is almost always more than one descriptive that can be applied to a situation.
  2. Avoid excessive superlatives. The magnificently awesome description rarely is.
  3. One thought, one sentence. (ex: Cats have fur. Sometimes, the fur is multiple colors.)
  4. Group similar thoughts together; when the topic changes, new paragraph. Corollary: Even with the same topic, when the thought changes, new paragraphs apply.
  5. Before you publish, try to read your material as if you are someone other than yourself. If you can't do it in your head, read it Slowly and Thoroughly out loud. Do not make the mistake of "knowing" what you wrote because you will miss places where you did not include words, where the word order is incorrect, or where the spell checker betrayed you with a correctly spelled, wrong, word choice.
  6. If your writing is important, and you have time, have someone else read it before you publish, especially for "official" correspondence.

Admittedly, not all rules apply in every situation, but I use most of the above all the time.

For the record, before posting, I read the entire post twice, replaced several words, restructured a couple of lines, moved three of them and removed an entire paragraph.

Antiexamples from other forum parts


Here I will continue trying to explain which fonts are good and giving some examples


Sizes to analyze which are good:
The quick brown fox jumps over the lazy dog - 1 Obviously too small
The quick brown fox jumps over the lazy dog - 2 Obviously too small
The quick brown fox jumps over the lazy dog - 3 Default, it can be acceptable, but not with every font
The quick brown fox jumps over the lazy dog - 4 Preferably to use it as default or bigger size
The quick brown fox jumps over the lazy dog - 5 Quite good
The quick brown fox jumps over the lazy dog - 6
The quick brown fox jumps over the lazy dog - 7 Too much can be bad too

Fonts with default sizes to analyze which are bad to read:
The quick brown fox jumps over the lazy dog - Arial (default)
The quick brown fox jumps over the lazy dog Too small for Agency FB
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog too small
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog - too thin
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog Too small

Fixed size to medium for every font:
The quick brown fox jumps over the lazy dog - Arial, perferable increase to 4 size (default)
The quick brown fox jumps over the lazy dog - Agency FB Size 6 is mediumly good, 5 is minimum
The quick brown fox jumps over the lazy dog Orbitron, fixed to 4 size
The quick brown fox jumps over the lazy dog Oswald 5 size
The quick brown fox jumps over the lazy dog Merienda 4 size
The quick brown fox jumps over the lazy dog - Cinzel - Too thin, make it as Bold Font to fix it! Plus increase size to 4
The quick brown fox jumps over the lazy dog Monstserrat, just fixed to 4 size.
The quick brown fox jumps over the lazy dog - Overpass, just fixed to 4 size
The quick brown fox jumps over the lazy dog Courier, fixed to 4 size
The quick brown fox jumps over the lazy dog - F25 Bank Printer, fixed to 5 size

Conclusion in font analysis: Every font should be used with size at least 4. Exceptions: Agency FB should be used with size 6 (or at least 5), Oswald is better used with 5 too, and Bank Printer with 5 too.

Colors:
Then more they are colorful-bright, than better their readability in general, no need to go dark with a dark background. You can find here color schemer, with RGB wheel which contains quite bright colors where using harmony options you can see their complementation to each other.

And at the same time, choosing color is a little bit more tricky than that. Different colors call for different emotions, red for anger, green to calm, try to not forget about it. And I think not every bright color has good enough readability. I'm speaking about purple and red ones, they feel different, probably because of the mentioned reason.

Sometimes bright colors can be a little bit too bright, but it's mostly because of style sense.

The quick brown fox jumps over the lazy dog - Default color
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog

Or you can even this color schemer to see how colors add themselves to each other:
[Image: ytKO0Oi.png]


Examples from my posts or other people:

Examples pointed as bad or good by Groshyr:
(12-24-2019, 02:24 PM)Groshyr Wrote: This is good but poor of colours and a bit overloaded by details and tables

Horror for everything that is not 1920x1080

More spoilers for the god of spoilers! but fonts are pretty well suited tho

I love it. It's a really good one

Horror for everything that is not 1920x1080(2) and too dark grey. Try #BFBFBF



RE: ClickBait!ClickMe! or how to make your font bad. - Hemlocke - 11-20-2019

good meme


RE: ClickBait!ClickMe! or how to make your font bad. - Charo - 11-20-2019

(11-20-2019, 07:22 AM)Hemlocke Wrote: good meme

3 applies to you Smile


RE: ClickBait!ClickMe! or how to make your font bad. - Ouranos - 11-20-2019

Well... isn't that all common knowledge?

Though I suppose if it was, you wouldn't feel the need to make this thread.

Thank you for your input in this case, darkwind.

I personally believe that the defaut font is a blessing in disguise, even though it might not look that fancy initially.

Alternatively, I myself prefer fonts that have a bit more of the elements that remind me of actual handwriting, like Georgia.

In the end, though if I could - I would just write everything by hand with my fountain pen, because writing on a computer takes too much time and effort.

Here's a random example, and my favourite poem while we're at it.

Link to a picture of my handwriting.


RE: ClickBait!ClickMe! or how to make your font bad. - Greylock - 11-20-2019

Pretty good thread. Someone should pin this after a title change.


RE: ClickBait!ClickMe! or how to make your font bad. - Ouranos - 11-20-2019

(11-20-2019, 08:41 AM)Greylock Wrote: Pretty good thread. Someone should pin this after a title change.

I concur. Perhaps even expand it a bit and show a couple of ways of how to improve your writing, too. List of the styles and fonts that seem to be working best and are both looking great and are easy on the eyes would be really nice to have.


RE: ClickBait!ClickMe! or how to make your font bad. - Username removed - 11-20-2019

(11-20-2019, 08:47 AM)Ouranos Wrote:
(11-20-2019, 08:41 AM)Greylock Wrote: Pretty good thread. Someone should pin this after a title change.

I concur. Perhaps even expand it a bit and show a couple of ways of how to improve your writing, too. List of the styles and fonts that seem to be working best and are both looking great and are easy on the eyes would be really nice to have.

+1


RE: ClickBait!ClickMe! or how to make your font bad. - Thunderer - 11-20-2019

The bleeding hell have you run through Google Translate? I mean, it's not like using a good fond will make that text readable...

One of the rare gems though, this thread.


RE: ClickBait!ClickMe! or how to make your font bad. - darkwind - 11-20-2019

(11-20-2019, 06:34 PM)Thunderer Wrote: The bleeding hell have you run through Google Translate? I mean, it's not like using a good fond will make that text readable...

One of the rare gems though, this thread.

It's computer-generated dummy text. Just google "Fish text generator" or "Dummy text generator online" to find it.
These tools generate meaningless text of any length to fill something where a random text is needed


RE: ClickBait!ClickMe! or how to make your font bad. - Prysin - 11-20-2019

SO LIKE THIS?