Font mana yang digunakan dalam Visual Studio Code Editor dan bagaimana cara mengubah font?


189

Saya mencoba editor Visual Studio Code ( https://code.visualstudio.com/ ) yang baru-baru ini diumumkan di build. Saya mencobanya di Windows dan Ubuntu. Saya dapat melihat bahwa font default dari Visual Studio Code Editor bukan konsol yang lebih suka pada editor kode saya.

Jadi yang merupakan font default dari Visual Studio Code Editor di Semua lingkungan (Ubuntu, MAC OS dan windows)? Dan bagaimana saya bisa mengubahnya?


maksud Anda editor kode Visual Studio ??
Santhucool


1
Font yang digunakan untuk judul tab, menu, dan teks lain yang merupakan bagian dari Kode VS itu sendiri, yang bertentangan dengan konten seperti kode dalam editor, saat ini adalah Arial.
Magnus Lind Oxlund

Jawaban:


207

Pergi ke Preferences> User Settings. (Atau, Ctrl+ ,/ Cmd+ ,di macOS)

Kemudian Anda bisa mengetik di dalam objek JSON pengaturan apa pun yang ingin Anda timpa. Pengaturan pengguna adalah per pengguna. Anda juga dapat mengonfigurasi pengaturan ruang kerja, yang untuk proyek yang sedang Anda kerjakan.

Ini sebuah contoh:

// Controls the font family.
"editor.fontFamily": "Consolas",

// Controls the font size.
"editor.fontSize": 13

Tautan yang bermanfaat:


Apakah Anda tahu pengaturan font default (keluarga, ukuran, berat) yang digunakan VSCode jika tidak ada yang ditetapkan?
gligoran

saya percaya itu monaco dan ukurannya antara 12 dan 13
John Papa

1
Hanya untuk mengonfirmasi bahwa di Windows 8.1 font adalah Monaco, dan setidaknya di layar 3200x1800 saya, ukuran font default adalah 14. Berikut perbandingannya dengan Monaco 14 di Intellij Idea (Kode berwarna biru):! Kode / Gagasan
LeoLozes

2
tidak melakukan apa-apa ... Saya masih melihat font yang sama. Haruskah saya memaksakan pembaruan pengaturan? Misalnya restart vscode? bahkan setelah restart tidak ada perubahan
Prokop Hapala

1
Setelah Anda menyimpannya, jika tidak berubah pastikan untuk me-restart Visual Studio Code. Ada dua tempat Anda mungkin perlu mengubah ini. Salah satunya adalah File -> Preferences -> Settings. Yang lain adalah jika Anda memiliki folder .vscode akan ada file settings.json di bawahnya.
Braden Brown

98

Dalam pengaturan default, VS Code menggunakan font berikut (14 pt) dalam urutan menurun:

  • Monako
  • Menlo
  • Consolas
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Kurir Baru"
  • monospace (mundur)

Cara memverifikasi: Kode VS berjalan di browser. Di versi pertama, Anda bisa menekan F12 untuk membuka Alat Pengembang. Memeriksa DOM, Anda dapat menemukan beberapa s yang membentuk garis kode itu. Memeriksa salah satu bentang itu, Anda dapat melihat bahwa font-family hanyalah daftar di atas.

bidang yang relevan


Saya punya "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Saya menggunakannya di archlinux jika itu penting.
aloisdg pindah ke codidact.com

Itu menjelaskan mengapa agak lambat memuat. Saya mencoba "editor.fontFamily": "Windings", untuk memverifikasi bahwa pengaturan font tidak berfungsi. Bagian ukuran tidak berfungsi. Namun itu tampaknya lebih kecil dari ukuran pada Notepad ++ untuk font yang sama. (tapi ini mungkin juga disebabkan oleh itu dijalankan di browser)
Paul McCarthy

4
Bagaimana cara menambahkan rumpun font lain seperti "Source Code Pro"?
Dale

VSCode menggunakan font yang berbeda di seluruh keluarga OS yang berbeda. Lihat jawaban saya untuk detailnya.
Andy Li

21

Font default berbeda di Windows, Mac, dan Linux. Pada VSCode 1.15.1, pengaturan font default dapat ditemukan dalam kode sumber :

const DEFAULT_WINDOWS_FONT_FAMILY = 'Consolas, \'Courier New\', monospace';
const DEFAULT_MAC_FONT_FAMILY = 'Menlo, Monaco, \'Courier New\', monospace';
const DEFAULT_LINUX_FONT_FAMILY = '\'Droid Sans Mono\', \'Courier New\', monospace, \'Droid Sans Fallback\'';

19

Dalam VSCode jika "editor.fontFamily": ""kosong, ukuran font TIDAK akan berfungsi. Tetapkan keluarga font untuk mengubah ukuran.

"editor.fontFamily": "Verdana", atau "editor.fontFamily": "Monaco",

Sungguh, gunakan font apa pun yang Anda suka.

Maka "editor.fontSize": 16, harus bekerja.


Ini adalah satu-satunya saat saya melihat seseorang menyebutkan bahwa Anda harus memiliki fontFamily nonblank untuk ukuran font yang akan digunakan. Menyelesaikan masalah bagi saya.
Alex White

2
Ini tidak lagi benar. Mengubah fontSize dengan fontFamily tidak disetel (instalasi baru default) berfungsi dengan baik.
jblaine

15

Pada windows 8.1 saya mesin font VS Code default adalah Consolas, tetapi Anda dapat dengan mudah mengubah font di File-> Preferences-> Preferensi Pengguna. file setting.json akan dibuka bersama dengan file pengaturan default, dari mana Anda dapat mengambil sintaks dan nama untuk properti pengaturan dan mengatur yang Anda sendiri di settings.json.masukkan deskripsi gambar di sini


10

Di Windows, pengaturan default adalah sebagai berikut (Saya tidak pernah menginstal Monaco atau Menlo)

{
    "editor.fontFamily": "Consolas",
    "editor.fontSize": 14,
    "editor.lineHeight": 19
}

Pengaturan fontSize ke 12 dan lineHeight ke 16 mendekati Visual Studio diatur ke Consolas dengan ukuran 10pt. Saya tidak bisa mendapatkan pencocokan tepat (font VS Code sedikit lebih berani) tetapi cukup dekat.


3

Cara lain untuk menentukan font default adalah mulai mengetik "editor.fontFamily"pengaturan dan melihat apa yang mengisyaratkan otomatis. Pada Mac, ini ditampilkan secara default:

"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",

yang menegaskan apa yang dikatakan Andy Li di atas.


3

Buka vscode.

Tekan ctrl,.

Pengaturannya adalah "editor.fontFamily".

Di Linux untuk mendapatkan daftar font (dan namanya yang harus Anda gunakan) jalankan ini di shell lain:

fc-list | awk '{$1=""}1' | cut -d: -f1 | sort| uniq

Anda dapat menentukan daftar font, untuk memiliki nilai fallback jika font hilang.


3

Karena VisualStudio telah diperbarui sekarang (2019). Anda dapat mencoba metode ini:

  • Pergi ke File-> Preferensi-> Pengaturan .
  • Buka tab Workspace dan kemudian Text Editor-> Font
  • Di bawah bentuk Font-Family , letakkan nama font-family yang ingin Anda gunakan dipisahkan dengan koma. Misalnya, saya telah meletakkan font-font ini di Workspace saya: Klik untuk melihat pengaturan Workspace saya

0

Pergi ke Alat-> Pilihan pada menu di jendela utama. Di bawah wadah Lingkungan, Anda dapat melihat Font dan Warna. Anda dapat memilih font dan warna yang Anda inginkan.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.