It's probably about time that WebP should get promoted, especially instead of animated GIF. the libwebp library comes with a gif2webp program to make the conversion especially easy.
Just doing it now, converting all the animations to WebP makes it 1.6MB. and it works in all current browsers.
And on the other hand, I'm running a 12" notebook at 1080p with no scaling, and I find the text to be exactly the right size. If anything, I'm tempted to zoom in a notch or two.
Zooming on the web is a critical feature to me. I find pages all the time with nearly unreadably small text, and occasionally with text too large for me. Firefox remembers zoom levels for me, so I only have to adjust once per site, usually.
This is not meant to be a criticism, just sharing another experience for your awareness. Based on your comment, I don't think the author could make both of us simultaneously happy.
If you find yourself zooming in to new websites more often than not, it's possible to set the default zoom level in firefox. In about:config, set "layout.css.devPixelsPerPx" to the decimal zoom level you want. It will also grow the UI scale but you can reduce that by setting it to "compact" mode in the Customise menu.
think you could make yourself happy, by selecting a screen & scaling that allows default sizes to be readable. If I browsed from a Blackberry on a selfie stick, the onus wouldn't be on the developer to make me happy.
(Conjecture) It’s because of devs like me who stare at a screen all day and have tired eyes. It’s sized for ourselves. I keep my code at 16pt, and most websites at zoom of 150%. When I’m on my tiny laptop, I like to zoom to 200% (and usually need to go to full screen mode as a result). For context, my vision was recently tested and I’m slight farsighted. Still, just more comfortable that way. Please make your sites accessibility friendly, folks! Much appreciated.
I find the complete opposite to be true. In most text-based websites, I have to zoom in to around 120% or even 133% (e.g. HN) for the text to be readable.
This is due to design as in what designers do. Usually website designs are fairly static with a mobile and a desktop reference design that frontend developers then have to implement.
Most designers do not work intimately with the content, so text is more shapes on the page than the main course. I do not mean this disparagingly, I have just seen a lot of designs in my time where the text is placeholder stuff in designs.
In reality text needs to be of a certain line length. If it gets too long then it can be hard to follow. Wall of text is a problem too.
The best way to do text is to make it proportional to the width of the browser window. If the lower font size is the 16px recommended by Google for accessibility then the maximum size can be what you might call enormous - on a 4K monitor. Everything can be just right in between.
If you do have a 4K monitor and you are using it for just one browser window then enormous is what you want - it will look good in the meeting room on a huge screen that everyone can see.
Some fettling of margins can go on too, so a small screen can have narrow margins, so 1rem on a phone and a lot more on bigger screens.
With these methods it is possible to make design a lot easier with everything proportionate to screen size. But if your designers are only thinking in terms of fixed with fonts and they produce the mobile and the desktop views with baked in font sizes that get signed off by the client then you are stuck with it.
It really is up to the design community to get with font scaling and to not be insistent on a couple of fixed font options.
This should be simple but in a multi-disciplinary team where most web design is then sausage-factoried with old layout hacks (so no CSS Grid or CSS variables) then progress is difficult if not impossible.
i did that for a while, ill have to look into finer details, there were issues with screen rotation breaking the formatting, so i might have to redo the CSS; im looking at gridding the pages, as this seems to be the direction to go for the next version of the page. I basically want to make the navigation UX a first person RPG themed frontend.
so that the files are accessed by e.g. moving to the library, talking to the librarian for help or searching for a document etc. finding the sword of git! slaying the maldragon [not necessary but if you want to side quest for fun it would be there]
Just to tack on with some more typographic constructive criticism (although I think the font size looks fine on my laptop), you should definitely increase the line-height of the paragraphs.
