I think the H2 text size is very, very large. I'd like to see that scaled down a bit, but things are looking better.
Is that because you are used to it being smaller, or because there are specific pages on which the H2 heading is too long?
I looked into the default sizes of H1-H6, and I learned that by default, H4 is the same size as the body text, and H5 and H6 are even smaller. This doesn't make sense to me. Headings should always be larger than the body text. Additionally, higher level headings should be larger than lower level headings, and size differences between headings of the same style should be large enough to tell them apart. Bearing these considerations in mind results in the headings all being larger than they are by default. This doesn't leave a lot of room for adjusting the size of H2, which is already closer to the size of H3 than to the size of H1.
Additionally, text is appearing larger on Chrome than on Firefox. I normally develop on Firefox, but if you're using Chrome, you will see larger fonts than I normally do. When I inspect the page h1-h6-test.html, which has no CSS or styling, it gives me the same values for the font sizes even though it appears larger on Chrome. In inspecting, Xiangqi, I get the same values for the style elements, though I cannot get Firefox to give me the size in pixels. I need to look into why text is larger on Chrome and see if there is some way to standardize the size in different browsers on the same computer. You may inspect these pages yourself with Developer Tools on Chrome or Web Developer Tools on Firefox.
There are pages on which I plan to use a different style or a lower heading level. These would include link pages, Zillions pages, and Game Courier preset pages, which normally have fewer sections and less text than other pages. I'll work on that later.
Is that because you are used to it being smaller, or because there are specific pages on which the H2 heading is too long?
I looked into the default sizes of H1-H6, and I learned that by default, H4 is the same size as the body text, and H5 and H6 are even smaller. This doesn't make sense to me. Headings should always be larger than the body text. Additionally, higher level headings should be larger than lower level headings, and size differences between headings of the same style should be large enough to tell them apart. Bearing these considerations in mind results in the headings all being larger than they are by default. This doesn't leave a lot of room for adjusting the size of H2, which is already closer to the size of H3 than to the size of H1.
Additionally, text is appearing larger on Chrome than on Firefox. I normally develop on Firefox, but if you're using Chrome, you will see larger fonts than I normally do. When I inspect the page h1-h6-test.html, which has no CSS or styling, it gives me the same values for the font sizes even though it appears larger on Chrome. In inspecting, Xiangqi, I get the same values for the style elements, though I cannot get Firefox to give me the size in pixels. I need to look into why text is larger on Chrome and see if there is some way to standardize the size in different browsers on the same computer. You may inspect these pages yourself with Developer Tools on Chrome or Web Developer Tools on Firefox.
There are pages on which I plan to use a different style or a lower heading level. These would include link pages, Zillions pages, and Game Courier preset pages, which normally have fewer sections and less text than other pages. I'll work on that later.