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?

Jalpesh Vadgama
sumber
maksud Anda editor kode Visual Studio ??
Santhucool
Ya- code.visualstudio.com yang ini
Jalpesh Vadgama
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:

John Papa
sumber
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

Sebastian
sumber
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\'';
Andy Li
sumber
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.

John Galbraith
sumber
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

Nikita Kunevich
sumber
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.

Axel Rietschin
sumber
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.

shacker
sumber
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.

sja
sumber
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
Hemant Singh
sumber
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.

Salih ESKİOĞLU
sumber