Ligatury w twoim kodzie!

Liga, co?

W skrócie ligatury w czcionkach wstępują, gdy dwa znaki są ze sobą sklejone. Przestrzeń dla jednego znaku zajmują dwa, lub większa ilość znaków.

W alfabecie łacińskim wykorzystuje się takie ligatury (za Wikipedią).

example_ligatures

Jak to się ma do kodu i programowania?


Otóż istnieje taka czcionka jaką jest Fira Code.

Fira Code umożliwia, że <= staje się „jednym” znakiem. Takim, jaki wykorzystywany jest na lekcjach matematyki.

all_ligatures_in_fira_code

Jak to dostać i używać?

Zipa z czcionkami znajdziesz w releases. Jak ktoś nie wie jak zainstalować czcionkę w Windows i boi się zapytać to podaje link support Microsoftu (język polski). Ludzi korzystających z innych systemów operacyjnych, myślę, że widzą co i jak 🙂

Po zainstalowaniu czcionki w systemie trzeba jeszcze skonfigurować twój edytor.

Uwaga! Nie wszystkie edytory obsługują ligatury. Popularne edytory nie obsługujące ligatur to między innymi: Notepad++, Sublime Text, Eclipse, gVim.

Visual Studio Code

Do pliku z ustawieniami settings.json trzeba dodać takie wpisy:

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

Być może, będzie potrzebny restart Visual Studio Code.

Visual Studio

Przejść do Tools -> Options -> Environment -> Fonts and Color i ustawić Fira Code

fira_code_in_vs

Będzie potrzebny restart Visual Studio.

Jak to wygląda?

Dwa przykłady z strony projektu.

Ruby

ruby

JavaScript

javascript

Czy używasz Fira Code w swoim edytorze?

Ja? Nie.

To temat na inny post. 😀