Check out Grant Acedrex, our featured variant for April, 2024.


[ Help | Earliest Comments | Latest Comments ]
[ List All Subjects of Discussion | Create New Subject of Discussion ]
[ List Earliest Comments Only For Pages | Games | Rated Pages | Rated Games | Subjects of Discussion ]

Single Comment

Improving Typography[Subject Thread] [Add Response]
🕸Fergus Duniho wrote on Tue, Jun 8, 2021 05:19 PM UTC:

Since pages were looking too cluttered with horizontal rules at the top, I took some steps to reduce this clutter. First, I removed the H2 heading for the introduction section in member-submitted pages. Second, I changed the notice that sometimes appears at the top of a page to a paragraph with the notice class instead of text with a horizontal rule above and below it.

To prevent the H1-H6 styles from being used in the wrong place, I limited these styles to headings with an article, or a section within an article, as the immediate parent. In other contexts, such as comments, footers, nav bars, or tables, these styles will not be used. They may be used in comments by enclosing them in an appropriate parent element, like so:

Heading One: Centered

Heading Two: Facsimile of Horizontal Rule

This is done with a border bottom, not a real horizontal rule. Unlike underlining, the line is not broken up by descenders in letters.

Heading Three: Normal

Heading Four: Italics

Heading Five: Small-Caps with Overline and Underline

Because small-caps are more compact, they are used for lower headings rather than for higher ones. The use of horizontal lines parallels the use of a horizontal line in the second heading. Because small-caps all have the same height, words have a more straight appearance, which works better with the overline. Because they have no descenders, the lower line does not get broken up.

Heading Six: Small-Caps

Like the change from heading two to heading three, heading six omits the lines used in the heading just above it.