the fancy border can be done with border-image, the layout can be done with grid, any kind of textured text can be done with background-clip: text;...
but the font is rather a big problem. you need a stylesheet to load fonts, which is a total no-go on cohost
the one thing you can do is use an inline svg as a background-image, and those can have stylesheets (since they're contained to the svg itself)... but when used as an image, an svg can't make network requests, so you also have to embed the entire font...
and now you're base64ing an entire font file twice, which is... kind of... ridiculous.
so i would not call this practical, exactly. it's also not much fun to edit, and since it's svg, text doesn't wrap automatically. and technically it's just an image anyway so we are kind of far away from "styling text with css".
but honestly the morrowind font is not exactly a _joy_ to read, so maybe font-family: serif; is good enough?
(edit: i realize the svg text says it "loads from Google Fonts" but it actually doesn't; i wrote the text when i was attempting to do that and before i discovered it doesn't work lol)
for google fonts specifically if you add &text=the_text_you_use to the css url it'll strip down the font to only include the characters you need :)
