So I recognize that these preferences are going to be different for everyone. I’ve been enjoying my time here thus far but occasionally I look at other instances to see what their native look and feel is like, or to more easily see if they have communities I’m interested in subscribing to. Most of them look pretty similar but I’ve only just looked at kbin.social and I find the layout far more attractive.

To be more specific, I find it’s use of horizontal space more appealing. There’s less dead space left on my widescreen monitor. The fonts are collectively a little smaller and less bold, so I feel like I can browse more content in between scrolls. The usage of space here feels more suitable to a mobile format, in my opinion. I’m not terribly interested in picking up and moving just for the sake of readability, so it would be nice if there were more options we could implement locally.

I don’t like bringing attention to deficiencies without having anything useful to contribute, but if I knew a way around this problem I would have implemented it (and I’m still trying but there are precious few worthwhile resources for this in Brave/Chromium), and I feel others could benefit from this topic being raised. I would love to hear what you think.

  • cyanarchy@sh.itjust.worksOP
    link
    fedilink
    English
    arrow-up
    4
    ·
    edit-2
    1 year ago

    Yeah, I expected to be left to my own devices on this, but I figured the community is small enough that I should try to start a discussion where I see the opportunity for one. Ultimately I ended up learning how to make an extension named Stylus override the font family and size on the website. I find a lighter and smaller font does wonders for readability. The width isn’t really a problem on it’s own - I didn’t realize how much I had the website zoomed out just to address the font problem, and it’s very comfortable at 100-110% standard width.

    In case anyone wants to follow my footsteps, my Stylus rule is very simple and easily modified for other websites.

    @-moz-document url-prefix("https://sh.itjust.works/") {

    *{

    font-family: b612;

    font-size: small;

    }

    }

    Unfortunately, I can’t get the editor here to play nice with code blocks, but I think you can infer the correct indentation. My font of choice is b612, which was designed for readability in use on aircraft displays. Use your preferred font and modify the value of font-size as needed.