Której czcionki używa się w Visual Studio Code Editor i jak zmieniać czcionki?

Wypróbowałem edytor Visual Studio Code ( https://code.visualstudio.com/ ), który został niedawno ogłoszony podczas kompilacji. Próbowałem na Windowsie i Ubuntu. Widzę, że domyślną czcionką Visual Studio Code Editor nie są konsole, które wolą moje edytory kodu.

Więc jaka jest domyślna czcionka Visual Studio Code Editor we wszystkich środowiskach (Ubuntu, MAC OS i Windows)? Jak mogę to zmienić?

Idź do Preferences> User Settings. (Alternatywnie, Ctrl+ ,/ Cmd+ ,na macOS)

Następnie możesz wpisać w obiekcie JSON dowolne ustawienia, które chcesz zastąpić. Ustawienia użytkownika dotyczą poszczególnych użytkowników. Możesz także skonfigurować ustawienia obszaru roboczego, które dotyczą projektu, nad którym aktualnie pracujesz.

Oto przykład:

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

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

Przydatne linki:

• Ustawienia domyślne

W ustawieniach domyślnych VS Code używa następujących czcionek (14 pkt) w kolejności malejącej:

• Monako
• Menlo
• Consolas
• „Droid Sans Mono”
• „Inconsolata”
• "Courier New"
• monospace (powrót)

Jak to sprawdzić: Kod VS działa w przeglądarce. W pierwszej wersji możesz nacisnąć F12, aby otworzyć Narzędzia programistyczne. Sprawdzając DOM, możesz znaleźć zawierające kilka s, które składają się na ten wiersz kodu. Sprawdzając jeden z tych zakresów, możesz zobaczyć, że rodzina czcionek to tylko powyższa lista.

Domyślne czcionki różnią się w systemach Windows, Mac i Linux. Począwszy od wersji VSCode 1.15.1, domyślne ustawienia czcionek można znaleźć w kodzie źródłowym :

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\'';

Jeśli w VSCode "editor.fontFamily": ""jest puste, rozmiar czcionki NIE będzie działać. Ustaw rodzinę czcionek, aby zmienić rozmiar.

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

Naprawdę, użyj dowolnej rodziny czcionek, którą lubisz.

To "editor.fontSize": 16, powinno działać.

W moim systemie Windows 8.1 domyślną czcionką VS Code jest Consolas, ale możesz łatwo zmienić czcionkę w Plik-> Preferencje-> Preferencje użytkownika. Plik setting.json zostanie otwarty wraz z domyślnym plikiem ustawień, z którego można pobrać składnię i nazwy właściwości ustawień oraz ustawić własne w pliku settings.json.

W systemie Windows ustawienia domyślne są następujące (nigdy nie instalowałem Monaco ani Menlo)

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

Ustawienia fontSize do 12 i lineHeight do 16 blisko Visual Studio ustawione na Consolas o wielkości 10pt. Nie udało mi się uzyskać dokładnego dopasowania (czcionka VS Code jest nieco pogrubiona), ale wystarczająco blisko.

Innym sposobem ustalenia domyślnej czcionki jest rozpoczęcie wpisywania "editor.fontFamily"ustawień i sprawdzenie, co sugeruje automatyczne wypełnianie. Na komputerze Mac pokazuje domyślnie:

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

co potwierdza to, co Andy Li mówi powyżej.

Otwórz vscode.

Prasa ctrl,.

Ustawienie to "editor.fontFamily".

W systemie Linux, aby uzyskać listę czcionek (i ich nazw, których musisz użyć), uruchom to w innej powłoce:

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

Możesz określić listę czcionek, aby mieć wartości zastępcze na wypadek braku czcionki.

Ponieważ VisualStudio zostało zaktualizowane teraz (2019). Możesz wypróbować tę metodę:

• Przejdź do Plik-> Preferencje-> Ustawienia .
• Przejdź do zakładki Obszar roboczy, a następnie Edytor tekstu-> Czcionka
• W formularzu Rodzina czcionek umieść nazwy rodzin czcionek, których chcesz użyć, oddziel je przecinkiem. Na przykład umieściłem te czcionki w moim obszarze roboczym: Kliknij, aby zobaczyć moje ustawienie obszaru roboczego

Przejdź do Narzędzia-> Opcje w menu w oknie głównym. W pojemniku Środowisko możesz zobaczyć Czcionki i kolory. Możesz wybrać czcionkę i kolor, który chcesz.