🕸Fergus Duniho wrote on Thu, Jun 10, 2021 09:43 PM UTC:
Instead of setting the body text at 18px, I have erased code for setting the size of the body text, so that it will now use the system default. On the Windows desktop, at least, this is typically 16px. I checked multiple devices, and on each one, it seemed to make the text smaller, though Android and iOS devices did not let me inspect the elements and determine the precise size.
One reason for making this change is that Literata, which is now the body font instead of Lora, has a clearer look at smaller sizes. Another is that it should make the display more responsive to particular devices. Instead of using a fixed size across all devices, it lets the device determine the size. Also, I had previously set the font-size for comments to 16px, and I haven't had trouble reading comments. However, comments will now display text at the same size as the main content instead of at a smaller size. So, comments should generally display at the same size as they used to. Finally, the font size will now better match whatever zoom level someone prefers to use his browser at.
Since the heading sizes are defined with the em unit, which is determined by the body font size, they adjust according to the body font size. So, with the body font a bit smaller on most devices, the headings will also be a bit smaller.
Instead of setting the body text at 18px, I have erased code for setting the size of the body text, so that it will now use the system default. On the Windows desktop, at least, this is typically 16px. I checked multiple devices, and on each one, it seemed to make the text smaller, though Android and iOS devices did not let me inspect the elements and determine the precise size.
One reason for making this change is that Literata, which is now the body font instead of Lora, has a clearer look at smaller sizes. Another is that it should make the display more responsive to particular devices. Instead of using a fixed size across all devices, it lets the device determine the size. Also, I had previously set the font-size for comments to 16px, and I haven't had trouble reading comments. However, comments will now display text at the same size as the main content instead of at a smaller size. So, comments should generally display at the same size as they used to. Finally, the font size will now better match whatever zoom level someone prefers to use his browser at.
Since the heading sizes are defined with the em unit, which is determined by the body font size, they adjust according to the body font size. So, with the body font a bit smaller on most devices, the headings will also be a bit smaller.