Added Typography introduction, fixed fat font 's' and 'l'

This commit is contained in:
michaelangel007 2016-01-28 12:06:03 -08:00
parent 38d6ba96f4
commit 5eb10dfcb1
7 changed files with 90 additions and 6 deletions

View File

@ -1,6 +1,6 @@
#Apple ]\[ //e HGR Font 6502 Assembly Language Tutorial #Apple ]\[ //e HGR Font 6502 Assembly Language Tutorial
Revision: 64, Jan 28, 2016. Revision: 65, Jan 28, 2016.
# Table of Contents # Table of Contents
@ -44,6 +44,12 @@ Revision: 64, Jan 28, 2016.
* Fat Font: X * Fat Font: X
* Fat Font: 2 * Fat Font: 2
* Fat Font: j * Fat Font: j
* Fat Font: s
* Fat Font: l
* Fat Font: M
* Fat Font: W
* Fat Font: Q
* Fat Font: 7
* What's Next? * What's Next?
* Conclusion * Conclusion
* Solutions * Solutions
@ -2540,11 +2546,22 @@ Here is a table of all the glyphs that we'll eventually fix:
| X | | X |
| ^ | | ^ |
| j | | j |
| l |
| m | | m |
| s | | s |
Alrighty then. Alrighty then.
## Quick Review of Typography
Don't bother with [typeface anatomy](https://en.wikipedia.org/wiki/Typeface_anatomy) on Wikipedia. It is not comprehensive, nor detailed enough.
Here are 2 pictures that will help us understand the aesthetics and language of typography:
![Typography](http://lunaweb.com/blog/wp-content/uploads/2013/06/typography.gif)
![Anatomy of Typography](http://pamelaplatt.com/digital_course_resources/typography/anatomy_of_typography.jpg)
### Fat Font: S ### Fat Font: S
@ -2760,10 +2777,10 @@ We just need to add 1/2 a pixel on the left edge and 1/2 a pixel on the right ed
![Screenshot ASCII Table Font BB X6](pics/ascii_table_x6_fontbb.png?raw=true) ![Screenshot ASCII Table Font BB X6](pics/ascii_table_x6_fontbb.png?raw=true)
![Screenshot ASCII Table Font BB X7](pics/ascii_table_x7_fontbb.png?raw=true)
Looking good! Looking good!
![Screenshot ASCII Table Font BB X7](pics/ascii_table_x7_fontbb.png?raw=true)
Except we have one minor problem -- the "kerning" between the `W` and `X` versus the `X` and `Y` is no longer consistent. Except we have one minor problem -- the "kerning" between the `W` and `X` versus the `X` and `Y` is no longer consistent.
Why? Why?
@ -2774,7 +2791,7 @@ In order to fix this we need to "undo" ALL these half pixel shifts -- all we nee
We can either do this now, or fix the other glyphs and do this later. We can either do this now, or fix the other glyphs and do this later.
Let's touch up the `2` and `Q` first. Let's touch up some more glyphs first though.
### Fat Font: 2 ### Fat Font: 2
@ -2790,7 +2807,7 @@ Excellent!
### Fat Font: j ### Fat Font: j
The serif/terminal on the `f` is one pixel while the serif/tail on the `j` is two pixels. The serif/terminal on the `f` is one pixel (tall) while the serif/tail on the `j` is two pixels (tall).
From: From:
@ -2806,7 +2823,7 @@ To:
![Screenshot ASCII Table Font BB j2](pics/ascii_table_j2_fontbb.png?raw=true) ![Screenshot ASCII Table Font BB j2](pics/ascii_table_j2_fontbb.png?raw=true)
The dot / tittle on the `j` is inconsistent with the `i`. :-/ Another easy fix: The dot / tittle on the `j` is inconsistent with the `i`. :-/ Thankfully, another easy fix:
``` ```
6350:9E B3 B0 B0 B0 80 B0 80 6350:9E B3 B0 B0 B0 80 B0 80
@ -2816,6 +2833,73 @@ The dot / tittle on the `j` is inconsistent with the `i`. :-/ Another easy fix:
![Screenshot ASCII Table Font BB j4](pics/ascii_table_j4_fontbb.png?raw=true) ![Screenshot ASCII Table Font BB j4](pics/ascii_table_j4_fontbb.png?raw=true)
### Fat Font: l
The top serif on the lowercase `l` doesn't also match `f`:
From:
```
6360:80 9E 8C 8C 8C 8C 8C 8E
```
To:
```
6360:80 9E 8C 8C 8C 8C 8C 87
```
![Screenshot ASCII Table Font BB l2](pics/ascii_table_l2_fontbb.png?raw=true)
Hmm, the terminal is _too_ long.
```
6360:80 9E 8C 8C 8C 8C 8C 86
```
![Screenshot ASCII Table Font BB l3](pics/ascii_table_l3_fontbb.png?raw=true)
Nope, we need the top-right "hard" edge. The real problem is that the **bottom** of the `l` has serifs while `i` doesn't. Let's make this a little more _cursive_.
```
6360:80 98 8C 8C 8C 8C 8C 86
```
![Screenshot ASCII Table Font BB l4](pics/ascii_table_l5_fontbb.png?raw=true)
![Screenshot ASCII Table Font BB l5](pics/ascii_table_l4_fontbb.png?raw=true)
### Fat Font: s
The lowercase `s` should have the left and right edges aligned on the top and bottom rows:
From:
```
6398:80 9E B0 9E 83 9E 80 80
```
To:
```
6398:80 9F B0 9E 83 BE 80 80
```
![Screenshot ASCII Table Font BB s12](pics/ascii_table_s12_fontbb.png?raw=true)
![Screenshot ASCII Table Font BB s13](pics/ascii_table_s13_fontbb.png?raw=true)
### Fat Font: M
The round corners of `A` are **sans serif**. Let's make the `M` consistent:
### Fat Font: W
### Fat Font: Q
### Fat Font: 7
While the `7` is not bad, we could do a very minor touchup.
# What's next? # What's next?

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB