Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет Леонид Каганов ([info]lleokaganov)
@ 2024-08-21 23:18:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Entry tags:любопытное, программирование

Горячие финские шрифты
взято отсюда: 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 */
;
}
</pre>

CodePen с демо: https://codepen.io/argyleink/pen/GRbyNNv

Ранее другие финские программисты создали линукс и нокию шрифт, который становится тоньше из-за изменений климата: https://kampanjat.hs.fi/climatefont/

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