A weboldalakba ágyazott kód snipetek olvashatóságán rengeteget javít a syntax highlight. Eme csodás weboldalon én is használok ilyet, viszont ehhez természetesen JavaScript kell.

Lehetséges lenne megoldani ezt JavaScript nélkül, csupán egy font segítségével? Nos nyílván nem született volna meg a cikk, vagy hírecske, ha nem lenne igy. Heikki Lotvonen ugyanis (szerintem már-már megszállottan) "hand coded" weboldalt szeretett volna.

Semmi framework, semmi csicsa. Ezt azért nem nehéz elérni, hiszen sima html és css manapság is működik, ám amikor egy pl. egy kód részletet akarunk beágyazni, nem jön rosszul a syntax highlight. Ami viszont úgy működik a legtöbb esetben, hogy behúzunk egy külső scriptet, az felolvassa a beadott kódot, majd a megfelelő nyelv szintaxisának megfelelően körül wrappeli az egyes szavakat, karaktereket hogy el tudja különíteni szinekkel. Az így elkészült html fragmentet illeszti vissza a weboldalba. Ezt találta túl soknak, túl nehézkesnek emberünk, és leszállította a megoldást, egy Font-ot, ami beéptett syntax highlighttal rendelkezik.

Így megszültett a FontWithASyntaxHighlighter betűtípús, amit bárki egyszerűen kipróbálhat, vagy akár beépíthet az oldalába. A dolgot elégge felkapták Mastdonon és Hackernewson is, szóval még az is lehet hogy jobban felpörög a fejlesztése.