├── serif-georgia.html └── sans-serif-helvetica.html /serif-georgia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | Serif type readability reference | Fashionably Flexible Responsive Web Design 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 45 | 46 | 47 | 48 | 49 |

Serif type readability reference

50 | 51 |
52 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

53 |

12px

54 |
55 | 56 |
57 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

58 |

14px

59 |
60 | 61 |
62 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

63 |

16px

64 |
65 | 66 |

Heading word wrap reference

67 | 68 |

When a new medium borrows from an existing one

16px

69 |

When a new medium borrows from an existing one

18px

70 |

When a new medium borrows from an existing one

21px

71 |

When a new medium borrows from an existing one

24px

72 |

When a new medium borrows from an existing one

36px

73 |

When a new medium borrows from an existing one

48px

74 | 75 |

Small type size reference

76 | 77 |

Small type size reference

10px

78 |

Small type size reference

11px

79 |

Small type size reference

12px

80 | 81 | 82 | -------------------------------------------------------------------------------- /sans-serif-helvetica.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | Sans-serif type readability reference | Fashionably Flexible Responsive Web Design 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 45 | 46 | 47 | 48 | 49 |

Sans-serif type readability reference

50 | 51 |
52 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

53 |

12px

54 |
55 | 56 |
57 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

58 |

14px

59 |
60 | 61 |
62 |

When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, “ritual”, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.

63 |

16px

64 |
65 | 66 |

Heading word wrap reference

67 | 68 |

When a new medium borrows from an existing one

16px

69 |

When a new medium borrows from an existing one

18px

70 |

When a new medium borrows from an existing one

21px

71 |

When a new medium borrows from an existing one

24px

72 |

When a new medium borrows from an existing one

36px

73 |

When a new medium borrows from an existing one

48px

74 | 75 |

Small type size reference

76 | 77 |

Small type size reference

10px

78 |

Small type size reference

11px

79 |

Small type size reference

12px

80 | 81 | 82 | --------------------------------------------------------------------------------