/
githubmirror
/
FiraCode
Обзор
Документация
Войти
/
githubmirror
/
FiraCode
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
5.2
distr/specimen.html
95 строк
3 KB
strupo
specimen.html: Use HTML entities for < and >
20 май 2020, 17:22
20 май 2020, 17:22
1a76caa
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Fira Code Specimen</title> <link rel="stylesheet" href="fira_code.css"> <style> body { font: 14px/1.5em "Fira Code"; } .code { font-feature-settings: "calt" 1; /* Enable ligatures for IE 10+, Edge */ text-rendering: optimizeLegibility; /* Force ligatures for Webkit, Blink, Gecko */ width: 30em; margin: 5em auto; white-space: pre-wrap; word-break: break-all; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .variable { font-family: 'Fira Code VF'; font-variation-settings: 'wght' 400; } i { font-style: normal; color: #c33; } b { font-weight: inherit; color: #c33; } </style> <script type="text/javascript"> function onWeightChange(weight) { // code_variable.style['font-weight'] = weight; code_variable.style['font-variation-settings'] = "'wght' " + weight; span_wght.innerText = weight; } </script> <body> <div class="code light"><b># Fira Code Light</b> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> <div class="code regular"><b># Fira Code Regular</b> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> <div class="code medium"><b># Fira Code Medium</b> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> <div class="code semibold"><b># Fira Code SemiBold</b> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> <div class="code bold"><b># Fira Code Bold</b> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> <div id="code_variable" class="code variable"><b># Fira Code Variable</b> <input type="range" min="300" max="700" value="400" step="10" style="width: 300px;" oninput="onWeightChange(this.value)" onchange="onWeightChange(this.value)"> <span id="span_wght">400</span> take = (n, [x, <i>...</i>xs]:list) <i>--></i> | n <i><=</i> 0 <i>=></i> [] | empty list <i>=></i> [] | otherwise <i>=></i> [x] <i>++</i> take n-1, xs last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div>