The Monospace Web

Post by unraveller » Wed, Aug 28, 2024, 2:51 AM UTC

pavlov wrote: post #10

The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading. That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).

   javascript: (function() {
    (function() {
        const textElements = document.querySelectorAll('p, span, h1, h2, h3, h4, h5, h6, li, td, th');
        textElements.forEach((element) => {
            const textColor = getComputedStyle(element).getPropertyValue('color');
            element.style.fontFamily = 'system-ui, -apple-system, sans-serif';
            element.style.WebkitTextStroke = `0.4px ${textColor}`;
        });
        location.hash = "";
        history.replaceState("", "", location.pathname);
    })();

Post by bee_rider » Wed, Aug 28, 2024, 2:59 AM UTC

kragen wrote: post #25

rchaud wrote: post #20

Earlier quoted context omitted.

The page loads a webfont (Jetbrains Mono) with 4 different weights, for a total payload of 725KB. Looking light and being light are 2 different things.

[flagged]

Post by _the_inflator » Wed, Aug 28, 2024, 3:06 AM UTC

jtolmar wrote: post #44

dmd wrote: post #29

Ooh, this is the thread to ask my question in. A few years ago I ran across a ... I think a video game walkthrough? maybe? which was written to be read in monospace font, and it was full justified perfectly all the way through (thousands of lines!) SOLELY through word choice. Anyone know what I'm talking about and have a link?

That's called bricktext[0], it used to be a thing you'd occasionally see on usenet and places like GameFAQs. [0] http://www.catb.org/esr/jargon/html/B/bricktext.html (Also wow Google has completely erased this concept from its search results.)

Post by _the_inflator » Wed, Aug 28, 2024, 3:10 AM UTC

unraveller wrote: post #62

pavlov wrote: post #10

The tight line spacing has a negative impact on readability. It’s hard to read long paragraphs of dense body text like this. But the tables and other character graphics require this tight leading. That’s the problem with using the same character grid for both graphics and text. It could be alleviated with a font that has a particularly low x-height (leaving more margin above and below the letters).

I can't stand monospace for reading, so I made a bookmarklet because all reader modes suck leaving font preference even though this site works fine just changing the normal text tags over to sans-serif. javascript: (function() { (function() { const textElements = document.querySelectorAll('p, span, h1, h2, h3, h4, h5, h6, li, td, th'); textElements.forEach((element) => { const textColor = getComputedStyle(element).ge…

Post by deafpolygon » Wed, Aug 28, 2024, 3:34 AM UTC