0
<< предыдущая заметкаследующая заметка >>
21 августа 2024
Горячие финские шрифты

Товарищ Анто из Хельсинки прислал дивное: 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/

А мы зато Ютуб замедлили и скоро ядерную войну начнем.

<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок

Комментарии к этой заметке скрываются - они будут видны только вам и мне.

Оставить комментарий