Visual Studio Code Editor'da hangi yazı tipi kullanılır ve yazı tipleri nasıl değiştirilir?


189

Son zamanlarda derleme sırasında duyurulan Visual Studio Code editörünü ( https://code.visualstudio.com/ ) denedim . Windows ve Ubuntu'da denedim. Visual Studio Kod Düzenleyicisi'nin varsayılan yazı tipinin kod düzenleyicilerimde tercih edilen konsollar olmadığını görebiliyorum.

Peki tüm ortamlarda (Ubuntu, MAC OS ve windows) Visual Studio Kod Düzenleyicisi'nin varsayılan yazı tipi hangisidir? Ve bunu nasıl değiştirebilirim?


Visual Studio kod düzenleyicisi mi demek istediniz?
Santhucool


1
Sekme başlıkları, menüler ve bir düzenleyicideki kod gibi içeriğin aksine VS Kodunun bir parçası olan diğer metinler için kullanılan yazı tipi şu anda Arial'dır.
Magnus Lind Oxlund

Yanıtlar:


207

Git Preferences> User Settings. (Alternatif olarak, macOS'ta Ctrl+ ,/ Cmd+ ,)

Ardından, geçersiz kılmak istediğiniz ayarları JSON nesnesinin içine yazabilirsiniz. Kullanıcı ayarları kullanıcı başına yapılır. Ayrıca üzerinde çalışmakta olduğunuz proje için olan çalışma alanı ayarlarını da yapılandırabilirsiniz.

İşte bir örnek:

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

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

Kullanışlı bağlantılar:


Hiçbir şey ayarlanmamışsa VSCode tarafından kullanılan varsayılan yazı tipi ayarlarını (aile, boyut, ağırlık) biliyor musunuz?
gligoran

monaco olduğuna inanıyorum ve boyutu 12 ve 13 arasında görünüyor
John Papa

1
Sadece Windows 8.1'de yazı tipinin Monako olduğunu ve en azından 3200x1800 ekranımda varsayılan yazı tipi boyutunun 14 olduğunu onaylamak. İşte Intellij Idea'daki Monaco 14 ile karşılaştırma (Kod mavi renktir):! Kod / Fikir
LeoLozes

2
hiçbir şey yapmıyor ... Hala aynı yazı tipini görüyorum. Ayarların güncellenmesini zorlamalı mıyım? Örn. Vscode'u yeniden başlat? yeniden
başlattıktan

1
Kaydettikten sonra değişmezse, Visual Studio Code'u yeniden başlattığınızdan emin olun. Bunu değiştirmeniz gerekebilecek iki nokta var. Bunlardan biri Dosya -> Tercihler -> Ayarlar. Diğeri ise .vscode klasörünüz varsa altında bir settings.json dosyası olacaktır.
Braden Brown

98

Varsayılan ayarlarda, VS Code aşağıdaki yazı tiplerini (14 punto) azalan sırada kullanır:

  • Monako
  • Menlo
  • Consolas
  • "Droid Sans Mono"
  • "Inconsolata"
  • "Kurye Yeni"
  • tek aralıklı (yedek)

Nasıl doğrulanır: VS Kodu bir tarayıcıda çalışır. İlk sürümde, Geliştirici Araçlarını açmak için F12 tuşuna basabilirsiniz. DOM'u incelerken, bu kod satırını oluşturan birkaç tane s bulabilirsiniz. Bu açıklıklardan birini incelerken, font ailesinin sadece yukarıdaki liste olduğunu görebilirsiniz.

ilgili alanlar


Anladım "Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback". Eğer önemliyse archlinux'da kullanıyorum.
aloisdg taşınma codidact.com

Bu, yüklenmesinin neden biraz yavaş olduğunu açıklıyor. Yazı tipi ayarının çalışmadığını doğrulamak için "editor.fontFamily": "Sargıları" denedim. Boyut kısmı işe yarıyor. Ancak aynı yazı tipi için Notepad ++ boyutundan daha küçük görünür. (ancak bunun bir tarayıcıda çalıştırılmasından da kaynaklanıyor olabilir)
Paul McCarthy

4
"Source Code Pro" gibi diğer font ailesi nasıl eklenir?
Dale

VSCode, farklı işletim sistemi ailelerinde farklı yazı tipleri kullanır. Ayrıntılar için cevabımı görün.
Andy Li

21

Varsayılan yazı tipleri Windows, Mac ve Linux'ta farklıdır. VSCode 1.15.1'den itibaren, varsayılan yazı tipi ayarları kaynak kodunda bulunabilir :

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

VSCode'da "editor.fontFamily": ""boşsa, yazı tipi boyutu ÇALIŞMAZ . Boyutu değiştirmek için bir yazı tipi ailesi ayarlayın.

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

Gerçekten, istediğiniz yazı tipi ailesini kullanın.

O zaman "editor.fontSize": 16, çalışmalı.


Bu, yazı tipi boyutunun kullanılabilmesi için boş olmayan bir fontAile olması gerektiğinden bahsettiğim tek zaman. Benim için bir problemi çözdüm.
Alex White

2
Bu artık doğru değil. FontFize unset (varsayılan yeni kurulum) ile fontSize değerini değiştirmek iyi çalışıyor.
jblaine

15

Windows 8.1'imde makine varsayılan VS Kodu yazı tipi Consolas'tır, ancak yazı tipini Dosya-> Tercihler-> Kullanıcı Tercihleri'nden kolayca değiştirebilirsiniz. setting.json dosyası, varsayılan ayarlar dosyasıyla birlikte açılacaktır; buradan ayarlar özellikleri için sözdizimi ve adlar alabilir ve settings.json'da kendi dosyalarınızı ayarlayabilirsiniz.resim açıklamasını buraya girin


10

Windows'ta varsayılan ayarlar aşağıdaki gibidir (Monako veya Menlo'yu hiç kurmadım)

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

Ayarlar fontSize 12 ve çizgiYükseklik 16'ya kadar yaklaşık Visual Studio 10pt boyutunda Consolas olarak ayarlanmıştır. Tam bir eşleme alamadım (VS Kod yazı tipi biraz daha cesur) ama yeterince yakın.


3

Varsayılan yazı tipini belirlemenin başka bir yolu "editor.fontFamily", ayarlarda yazmaya başlamak ve otomatik doldurmanın ne önerdiğini görmek. Mac'te varsayılan olarak şunu gösterir:

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

bu da Andy Li'nin yukarıda söylediklerini doğrular.


3

Vscode'u açın.

Düğmesine basın ctrl,.

Ayar "editor.fontFamily" .

Linux'ta yazı tiplerinin (ve kullanmanız gereken adlarının) bir listesini almak için bunu başka bir kabukta çalıştırın:

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

Bir fontun eksik olması durumunda yedek değerlere sahip olmak için bir font listesi belirtebilirsiniz.


3

VisualStudio şimdi güncellendiğinden beri (2019). Bu yöntemi deneyebilirsiniz:

  • Dosya-> Tercihler-> Ayarlar'a gidin .
  • Git Çalışma Alanı sekmesini ve ardından Editör-> Yazı Metin
  • Yazı Tipi Ailesi altında formu , kullanmak istediğiniz yazı tipi-aile adlarını virgülle ayırarak koyun. Örneğin, bu yazı tiplerini Çalışma Alanıma koydum: Çalışma Alanı ayarımı görmek için tıklayın

0

Ana pencerede Araçlar-> Seçenekler'e gidin. Ortam kapsayıcısı altında, Yazı Tipleri ve Renkler'i görebilirsiniz. İstediğiniz yazı tipini ve rengi seçebilirsiniz.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.