Coming back to this to share my solution should anyone happen upon it.
The underlying issue of webpage legibility is captured by WCAG, the international standard for IT Accessibility. Those standards include color contrast, etc. Effra-Light is very thin, which affects its legibility. The term “Light” refers to the font having a light font-weight, meaning its font-weight is lower (with lower contrast) than the CSS weight of 400. This affects readability of the forums and blog, especially for those who are vision-impaired. Having just crossed the 50 yard line, my eyes are quite a bit worse than they were just 5 years ago.
Effra-Medium does not have the same problem, but it is a heavier font. I gather that the Effra family is meant to be used in headings and small text blocks rather than body text. But, that’s an L&L style choice.
My solution was to install Stylus and use the code below on the L&L website. The HTML portion uses the industry better practice for serif-based font reset, and the headings the sans-serif equivalent. I actually use it on a few other websites. Stylish is the Firefox equivalent. I have a couple other tweaks added I use.
I opted for Serif since that is more readable, similar to what is used on Medium.
html {
font-family: Cambria,"New York", Georgia,"Times New Roman",Times,serif !important;
}
code {
font-family: "Fira Code" !important;
}
h1, h2, h3 {
font-family: -apple-system,system-ui,"Segoe UI",Roboto,Lato,Helvetica,Arial,sans-serif !important;
}
a.postlink {
text-decoration: underline;
color: blue;
}
ux.stackexchange.com/questions/ … eadability
Stylus: chrome.google.com/webstore/deta … gmne?hl=en