#dev 2026-08-24

2026-08-24 UTC
cotsuka, m1, grufwub, M2, srijan, lavandula_, lavandula, jcjordyn120, paultibbetts, luca, kushal, kensanata, LUZANATIC, [calumryan], fluffy and ruecharli joined the channel
#
ruecharli any ideas on how i might go about pixelating a whole font
#
ruecharli theres this one font i really like and would love to use in my site but i wish it was pixelated, with like a 48px height for one of my heading styles
#
ruecharli would it be best to use some software to just make the font myself? as its for headings i really wont need any fancy characters, so maybe i should
#
[capjamesg] You may want to look for fonts that have been specifically designed as pixel fonts, like the ones on https://fonts.google.com/?query=pixel.
shoesNsocks and [Murray] joined the channel
#
[Murray] Otherwise, yeah, you'd be looking at a conversion. Import the glyphs into some kind of editing software, manually remake in a pixelated way, export and combine as a new font
lavandula_, Guest4716, [Murray], lavandula and cotsuka joined the channel
#
ulhar4409 I could imagine there being some CSS variables that could tweak things like anti-aliasing on the font? Hmm
bterry1 joined the channel
#
ulhar4409 MDN does have a page on a `font-smooth` property (which also mentions some vendor/platform specific alternatives) but it seems more interested in tech than style, to put it simply
barnaby, lavandula_ and mossymaker joined the channel
#
ruecharli so i started making it
#
ruecharli this is going to take a while.... ive been doing it for over an hour and ive only done uppercase A through M
#
fafau06 https://www.pentacom.jp/pentacom/bitfontmaker2/gallery/
#
fafau06 ruecharli: this is usually my go-to for pixel fonts, hopefully you can find something a bit similar to what you want there
#
ruecharli i appreciate this. do you happen to have any resources that will allow me to search by size? i need something around 48 pixels tall
lavandula, ax562, cotsuka and Tiffany joined the channel
#
fafau06 that is unfortunately a *very* uncommon size for a pixel fonts, since pixel fonts at those size are practically indistinguishable from regular fonts with anti-aliasing turned off
#
fafau06 http://bmf.wz.cz:8080/?q=48&monospace=&tag=&minColors=&maxColors=&minChars=&maxChars=&sort=
#
IWDiscord <f​afau06>
#
fafau06 that said there are some relic of bitmap fonts around that size, but since it's bitmap you'll have to convert these first into a proper font format first (ttf/otf)
lavandula and cotsuka joined the channel
#
ruecharli yeah :( seeing as my whole page is pixel art, it would just look wrong if even the large text is anti aliased
#
ruecharli i'll take a look at the link
#
ruecharli ooh helpful!
#
ruecharli thank you!
#
fafau06 yww^^
#
fafau06 ruecharli: that's so interestingg i wanna make my web be pixel art based too but im still on the edge about that.... can i see yours whenever you're done/comfortable sharing?^
[Trevor_Morris] joined the channel
#
[Trevor_Morris] I recently read this about pixel fonts: https://dithernaut.com/posts/pixel-scaling/
#
Loqi [preview] [Dithernaut] Get Your Pixels in Order
[Trevor_Morris] and ax562 joined the channel
#
fafau06 that was the thing with fonts back then yeah; every size, every weight, every variation, needs their own separate file, thus a font file can quickly bloat out in storage since you have to store so many of them.
#
fafau06 i didn't think anyone would reuse the same technique again now but glad i'm proven wrong.... tho my browser really did not like the font displayed on that web (there were splits in the glyphs, not sure why)
#
[Trevor_Morris] Well, the entire article describes how you can't just scale pixels and still have a pixel style (art or font). 🤷
barnaby, cotsuka, hypha, lavandula_, lavandula, [aciccarello] and trwnh joined the channel
#
ruecharli sorry, not sure how to mention someone
#
ruecharli to fafau - of course! it is very painful and i am still suffering with anti aliasing (not working on firefox??) but it is fun
cotsuka joined the channel
#
ruecharli this small pixel font is mostly fine, but none of the larger ones work. oh, and, it is vertically misaligned by half a pixel on some browsers. WHY https://lounge.zomboid.pro/uploads/c8faf67356243e08/image.png
#
[Murray] I wouldn't worry too much about half-pixel alignments (could be anti-aliasing or font smoothing or even how a browser defines a "pixel"), that way madness lies. The web isn't a fixed medium, so "pixel perfect" will always be a lie somewhere 😉
WinnerWind joined the channel
#
ruecharli yeah, im going to have to let that one go. but im also having lots of issues with getting the font size right. it needs to scale with the rest of the site, but if i had a 10px tall font for example and wanted to scale it to an image with a height that represents 20px, making the font size half of that images height doesnt work. it worked for the
#
ruecharli small font with a line height of 8 pixels, like 8/(parent height)*100cqi, but it isnt working for the bigger fonts !! still anti-aliasing and still too big or small! agdskhjlkfdjs
#
ruecharli parent height in this case is how many pixels the parent represents, not necessarily the amount of pixels the image takes up on a screen or the actual size of the image
#
ruecharli because it all gets scaled up, see
#
ruecharli everything feels very hostile to pixel art lol
#
[Murray] If you're doing pixel art, I might suggest doing so in SVG rather than HTML, as that will scale to any size you want.
#
[Murray] For HTML though, I'm not sure I understand the issue you're running into. You want to set a font size based on the container size?
nnrx and lavandula_ joined the channel
#
ruecharli yeah as the container might be zoomed in and the container is the background
#
ruecharli which is pixel art
lavandula, karjala, redshuffle and thatoddshade joined the channel
#
[capjamesg] I now have a way to fully sync the version of my blog on my server with my local computer.
#
[capjamesg] I was thinking about moving away from Ghost back to using the CLI to publish, but I don’t think I can go back to VSCodium for publishing blog posts.
#
[capjamesg] There are too many points of friction.
#
[capjamesg] At least now I have a good backup system!
ax562, [snarfed], revi and [capjamesg] joined the channel
#
[tantek] server + local sync for you blog is awesome
#
[capjamesg] If I had a pretty local publishing UI I wouldn’t need Ghost.
#
[tantek] that's pretty much what I had with my original HyperCard blog post writing setup back when it was still supported 😢
#
[capjamesg] 😭
#
[capjamesg] I would love a lightweight CMS that doesn’t require a database.
#
[tantek] I would be ok with a lightweight CMS that only uses a database as a form of "UI cache" for performance reasons, but that all "state of truth" is persisted/retrieved from flat files.
#
gRegor [capjamesg]: have you looked at https://11tycms.com/ ?
#
[capjamesg] Yeah. Ghost is a great piece of software but it is really ideal if you are going to use it for your whole site. My use case was mainly as a “headless” CMS, which ended up having a few complexities that aren’t ideal.
#
gRegor Not super familiar. It's an Electron app and in beta
#
[capjamesg] gRegor I already have my site generation working so I’m not keen on adding anything 😭
#
[capjamesg] I used to have https://playground.jamesg.blog/create.html when I used GitHub, which generated a markdown file that I could publish.
#
gRegor it's different than 11ty, afaik
#
gRegor like it works with it, but maybe could work as just the posting UI
#
[capjamesg] Interesting. I’ll take a look!
#
[capjamesg] What is 11tyCMS?
#
Loqi Eleventy (abbreviated 11ty) is an open source JavaScript based static site generator that allows the user to select their own preferred template engine and theme, which in practice can and does enable use of microformats2 https://indieweb.org/11tyCMS
#
doesnm what is HamsterCMS
#
Loqi HamsterCMS is a minimal content management system that runs on PHP and has been used by some IndieWeb community members https://indieweb.org/HamsterCMS
#
doesnm capjamesg: what's about this one?
#
[capjamesg] I haven’t seen this one either. Thank you for sharing! I’m going to need a bit of time to do research and think more about exactly what I need.
#
[tantek] What is Pagecord
#
Loqi Pagecord is an open source and hosted blogging service created by Olly Headey that supports several IndieWeb building blocks https://indieweb.org/Pagecord
#
[tantek] Pagecord << 2026-08-23 [https://brennan.day/indieweb-ethos-and-pagecord/ IndieWeb Ethos and Pagecord]
#
Loqi ok, I added "2026-08-23 [https://brennan.day/indieweb-ethos-and-pagecord/ IndieWeb Ethos and Pagecord]" to the "See Also" section of /Pagecord https://indieweb.org/wiki/index.php?diff=113140&oldid=112293
thatoddshade, cotsuka, barnaby and brentl joined the channel
#
[tantek] This makes me want to re-develop "CMS" like setups on older tech: https://www.bbc.com/future/article/20260821-why-older-tech-is-sometimes-safer-from-hackers
cotsuka, [pcarrier] and brent joined the channel
#
tdrayson [tantek] have you looked at statamic? https://statamic.com
#
tdrayson flat file with no database and a beautiful CMS editing UI?
#
IWDiscord <t​drayson>
#
[tantek] interesting, yeah I wonder how it compares to Kirby
#
[tantek] what is Statamic
#
Loqi Statamic is a commercial flat-file CMS built on PHP, with Antlers templating, and YAML + Markdown for storing articles and pages (YAML for metadata, Markdown for the content), and some IndieWeb building blocks support https://indieweb.org/Statamic
#
[tantek] what is Kirby
#
Loqi Kirby is a filed-based CMS written in PHP https://indieweb.org/Kirby
thatoddshade, GuestZero, decipaliz, cotsuka, ax562, owls, Salt and Saige_Leah joined the channel