mirror of
https://github.com/Michaelangel007/apple2_hgr_font_tutorial.git
synced 2026-04-21 01:16:47 +00:00
Added Typography introduction, fixed fat font 's' and 'l'
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
#Apple ]\[ //e HGR Font 6502 Assembly Language Tutorial
|
||||
|
||||
Revision: 64, Jan 28, 2016.
|
||||
Revision: 65, Jan 28, 2016.
|
||||
|
||||
# Table of Contents
|
||||
|
||||
@@ -44,6 +44,12 @@ Revision: 64, Jan 28, 2016.
|
||||
* Fat Font: X
|
||||
* Fat Font: 2
|
||||
* Fat Font: j
|
||||
* Fat Font: s
|
||||
* Fat Font: l
|
||||
* Fat Font: M
|
||||
* Fat Font: W
|
||||
* Fat Font: Q
|
||||
* Fat Font: 7
|
||||
* What's Next?
|
||||
* Conclusion
|
||||
* Solutions
|
||||
@@ -2540,11 +2546,22 @@ Here is a table of all the glyphs that we'll eventually fix:
|
||||
| X |
|
||||
| ^ |
|
||||
| j |
|
||||
| l |
|
||||
| m |
|
||||
| s |
|
||||
|
||||
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:
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
|
||||
### 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
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
Looking good!
|
||||
|
||||

|
||||
|
||||
Except we have one minor problem -- the "kerning" between the `W` and `X` versus the `X` and `Y` is no longer consistent.
|
||||
|
||||
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.
|
||||
|
||||
Let's touch up the `2` and `Q` first.
|
||||
Let's touch up some more glyphs first though.
|
||||
|
||||
### Fat Font: 2
|
||||
|
||||
@@ -2790,7 +2807,7 @@ Excellent!
|
||||
|
||||
### 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:
|
||||
|
||||
@@ -2806,7 +2823,7 @@ To:
|
||||
|
||||

|
||||
|
||||
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
|
||||
@@ -2816,6 +2833,73 @@ The dot / tittle on the `j` is inconsistent with the `i`. :-/ Another easy fix:
|
||||
|
||||

|
||||
|
||||
### 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
|
||||
```
|
||||
|
||||

|
||||
|
||||
Hmm, the terminal is _too_ long.
|
||||
|
||||
```
|
||||
6360:80 9E 8C 8C 8C 8C 8C 86
|
||||
```
|
||||
|
||||

|
||||
|
||||
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
|
||||
```
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 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
|
||||
```
|
||||
|
||||

|
||||
|
||||

|
||||
|
||||
### 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?
|
||||
|
||||
|
||||
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 |
Reference in New Issue
Block a user