© взято отсюда:
https://lleo.me/dnevnik/2024/08/21Товарищ Анто из Хельсинки прислал дивное:
https://t.me/htmlshit/3049Финские программисты создали шрифт для подсветки синтаксиса, который подсвечивает синтаксис сам - обрабатывает всякие там css, JS и прочие языки на уровне самого шрифта (!). Как это делается технологически - я пока разбираться не стал, видимо, какие-то таблицы взаимозависимости соседних символов. Но достаточно написать такой CSS и взять нужный код в тэг CODE:
@font-face {
font-family: 'Monaspace';
src: url('
https://assets.codepen.io/2585/MonaspaceKrypton-SyntaxHighlighter-Regular.woff2') format('woff2');
}
code {
font-family: 'Monaspace', monospace;
font-palette: --kung-fury;
}
/* а еще цвета можно настроить */
@font-palette-values --kung-fury {
font-family: 'Monaspace';
override-colors:
0 hsl(225 100% 40%), /* curlies and tags */
1 hsl(250 100% 80%), /* ? */
2 hsl(225 100% 40%), /* function */
3 hsl(225 100% 40%), /* ? */
4 hsl(270 50% 40%), /* () */
5 hsl(210 40% 2%), /* property name */
6 hsl(210 10% 30%), /* ? */
7 hsl(327 100% 54%) /* numbers */
;
}
CodePen с демо:
https://codepen.io/argyleink/pen/GRbyNNvРанее другие финские программисты создали линукс и нокию шрифт, который становится тоньше из-за изменений климата:
https://kampanjat.hs.fi/climatefont/А мы зато Ютуб замедлили и скоро ядерную войну начнем.