# Cara Memasang Font Fira Code di Visual Studio Code

![](https://github.com/tonsky/FiraCode/raw/master/extras/logo.svg align="left")

### Masalah

Pemrogram menggunakan banyak simbol, sering kali dikodekan dengan beberapa karakter. Untuk otak manusia, urutan seperti `->`, `<=` atau`:=`adalah token logis tunggal, bahkan jika mengambil dua atau tiga karakter di layar. Mata kita menghabiskan jumlah energi yang tidak sedikit untuk memindai, mengurai, dan menggabungkan beberapa karakter menjadi satu karakter yang logis. Idealnya, semua bahasa pemrograman harus dirancang dengan simbol Unicode lengkap untuk operator, tetapi itu belum terjadi.

### Solusi

Fira Code adalah font monospace gratis yang berisi ligatur untuk kombinasi multi-karakter pemrograman umum. Ini hanyalah fitur rendering font: kode yang mendasarinya tetap kompatibel dengan ASCII. Ini membantu untuk membaca dan memahami kode lebih cepat.

### Download

[![](https://github.com/tonsky/FiraCode/raw/master/extras/download.png align="left")](https://github.com/tonsky/FiraCode/releases/download/6.2/Fira_Code_v6.2.zip)

### Cara Install

#### macOS

Didalam folder TFF yang sudah di download:

1. Pilih semua file font
    
2. Klik kanan dan pilih `Open` (alternatif `Open with Font Book`)
    
3. Pilih `Install Font`
    

*Atau*

* Menggunakan [brew](http://brew.sh/) dan [cask](https://caskroom.github.io/)
    
    Tidak di support secara resmi, mungkin menginstall versi lama.
    
    ```bash
    brew tap homebrew/cask-fonts
    brew install --cask font-fira-code
    ```
    

#### OS lain

Untuk menginstall Fira Code di OS lain bisa ikuti tautan [berikut](https://github.com/tonsky/FiraCode/wiki/Installing)

### Setup

#### VS Code

Pastikan sudah menginstall [font-nya](https://github.com/tonsky/FiraCode/wiki/Installing)

1. Menggunakan visual Setting Editor
    
    Untuk membuka setting editor: dari menu `Code`, pilih `Preferences` &gt; `Setting` atau gunakan shortcut keyboard `ctrl` + `,` (`cmd` + `,` di mac)
    
    Untuk mengaktifkan FiraCode di setting editor: dibawah "Commonly Used", klik "Text Editor" lalu klik "Font". Di bagian "Font Family" ganti semua conten dengan `Fira Code`. Lalu centang check box "Enables/Disables font ligatures" dibawah "Font Ligatures" untuk mengaktifkan special ligatures.
    
2. Edit `setting.json` secara manual
    
    Visual studio memungkinkan kita untuk mengedit file konfigurasi `setting.json`.
    
    * Tekan `shift` + `ctrl` + `P` ( `shift` + `cmd` + `P` di mac)
        
    * Ketikan "settings"
        
    * Klik "preferences: open settings(JSON)"
        
    
    Lalu paste line berikut dan simpan.
    
    ```json
    "editor.fontFamily": "'Fira Code'",
    "editor.fontLigatures": true,
    ```
    

#### Text Editor lain

Untuk menginstall Fira Code di text editor lain bisa ikuti tatutan [berikut](https://github.com/tonsky/FiraCode/wiki).

**Sumber**

* [FiraCode](https://github.com/tonsky/FiraCode)