«
»
GitHubWEBWEB - PHPWordPressВсе для functions.php

Fira Code – Шрифт с лигатурами для программирования

Летом 18 года я установил на этом сайте цветные блоки с выделенным синтаксисом с помощью Prism . Так же я хотел положить глазурь на торт, используя специальный шрифт разработчика под названием Fira Code. Его специфичность заключается в объединении многосимвольных символов программирования в один. Это все о том, как персонажи соединяются. В конечном счете, понимание кода становится проще на глаз просто из-за этого замечательного шрифта. Вы увидите, что это не для всех, поскольку требует некоторого уровня адаптируемости. Тем не менее, не бойтесь перемен!

Хотя мы решили отступить от идеи публичного использования Fira Code, ничто не мешает мне распространять информацию об этом. Я использую его в AWS Cloud9 для разработки плагинов WordPress, и я не оглядывался назад с момента его установки. Возможно, вы по достоинству оцените совет и начнете использовать Fira Code в повседневной работе.

Логотип Fira Code

Что такое лигатуры?

Вы можете спросить, что это значит, когда я пишу программные лигатуры. Во-первых, вам нужно понять некоторые основные механизмы шрифтов. Поскольку комбинации символов больше не распространены в стандартных шрифтах, найти общие примеры нелегко. Хотя вы можете заметить, что, Изучение лигатур на собственном опыте включало бы написание двух или трех писем по порядку, только чтобы увидеть, как они мгновенно объединяются, чтобы выглядеть лучше.

Шрифт скрипта, имитирующий почерк, также может использовать лигатуры. Будучи старшеклассником, я часто задавался вопросом, как мне подделать свои письма, чтобы я мог печатать свои эссе после подготовки их на компьютере. Мало ли я знал, что создание моего собственного рукописного шрифта было бы академическим начинанием не только в то время, но, вероятно, и сегодня. Причина в том, что это не так просто, как сканирование ваших писем и заполнение ими алфавита. Чтобы это выглядело реальным, мне нужно чередовать глифы с контекстной заменой и связывать их как лигатуры. Ой!

Как Fira Code влияет на программирование?

В коде мы используем огромный список комбинаций символов, состоящий из двух или трех букв. Наркотики шлюза будут видеть операторов сравнения с лигатурами. Вы будете либо любить, либо ненавидеть это. Например:

  • Два или три знака равенства появляются без пробелов.
  • Не равные / идентичные операторы становятся скрещенным знаком равенства вместо восклицательного знака, за которым следует знак равенства.
  • Больше / меньше или равно становится единым символом, как при написании его от руки.
  • Многобуквенные стрелки становятся большими единицами.
  • Арифметика увеличена.
  • Операторы имеют точно настроенный интервал.

Вероятно, лучше визуально сравнить кусок кода. Возможно, нет большой разницы для невооруженного глаза. На самом деле это тонко, но играйте « найдите разницу» и убедитесь сами

Без кода Fira

/** * You can use ~>
> decent arrows --> to illustrate your point... */</span> $out = <span class="hljs-keyword">array</span>(<span class="hljs-string">'<div>'</span>); $pieces = <span class="hljs-keyword">array</span>( <span class="hljs-string">'<!-- HTML -->'</span>, <span class="hljs-string">'https://www.example.com/#!'</span>, <span class="hljs-string">'red'</span>, <span class="hljs-string">'##'</span>, <span class="hljs-number">0x0</span>, <span class="hljs-string">'</div>'</span> ); <span class="hljs-keyword">for</span> ($i = <span class="hljs-number">0</span>; $i <= <span class="hljs-number">5</span>; $i++) { <span class="hljs-keyword">if</span> ($i == <span class="hljs-string">'2'</span> || $pieces[$i] === <span class="hljs-string">'red'</span>) { $hex__red = <span class="hljs-number">0xca0000</span>; $out[] = $hex__red >> <span class="hljs-number">15</span>; <span class="hljs-comment">// 404</span> } <span class="hljs-keyword">elseif</span> ($i !== <span class="hljs-number">3</span> && $pieces[$i] != <span class="hljs-keyword">false</span>) { $out[] = $pieces[$i]; } } <span class="hljs-keyword">echo</span> implode(<span class="hljs-string">''</span>, $out);</code></pre></div> <h3><span id="S_kodom_Fira">С</span></h3> <div class="sds-scrivo-highlighter"><pre><div class="btn-copy" data-clipboard-target="#sds-scrivo-2" data-tooltip-sds-scrivo-highlighter="Скопировать код" ></div><code class="hljs php" id="sds-scrivo-2"><span class="hljs-comment">/** * You can use ~>
> decent arrows --> to illustrate your point... */
$out = array('<div>'); $pieces = array( '<!-- HTML -->', 'https://www.example.com/#!', 'red', '##', 0x0, '</div>' ); for ($i = 0; $i <= 5; $i++) { if ($i == '2' || $pieces[$i] === 'red') { $hex__red = 0xca0000; $out[] = $hex__red >> 15; // 404 } elseif ($i !== 3 && $pieces[$i] != false) { $out[] = $pieces[$i]; } } echo implode('', $out);

Если вы заинтересованы в Fira Code …

Тогда хорошие новости, это бесплатно! У его разработчика есть инструкции о том, как установить шрифт во многих IDE. Хотя я прекрасно понимаю, если вы отбросите эту идею, потому что это слишком много изменений, мой опыт был совершенно противоположным. Каждый код, который я посмотрел, сразу стал более понятным, чем раньше. Fira Code создал более определенный личный стиль, и теперь я чувствую, что моя среда программирования лучше согласуется со мной. Как побочный эффект, просто смотреть на код стало менее утомительно и больше похоже на опыт художественного показа.

Источник записи: https://letswp.io

Связанные записи
WoocommerceWordPressПлагины

Дропшиппинг: Как импортировать продукты AliExpress в WooCommerce при помощи плагина DropshipMe

WoocommerceWordPressПлагины

8 лучших плагинов для WooCommerce Dropshipping для AliExpress и не только (Или дропшиппинга на WordPress)

ElementorWordPressПлагины

6 лучших плагинов для повышения конверсий на целевых страницах WordPress

FacetWPWordPressПлагины

Добавление параметров сортировки в FacetWP