Phông chữ nào được sử dụng trong Visual Studio Code Editor và cách thay đổi phông chữ?

Tôi đã thử trình soạn thảo Visual Studio Code ( https://code.visualstudio.com/ ) gần đây đã được công bố tại bản dựng. Tôi đã thử nó trên Windows và Ubuntu. Tôi có thể thấy rằng phông chữ mặc định của Visual Studio Code Editor không phải là các tùy chọn ưa thích trên các trình soạn thảo mã của tôi.

Vậy đâu là phông chữ mặc định của Visual Studio Code Editor trong tất cả các môi trường (Ubuntu, MAC OS và windows)? Và làm thế nào tôi có thể thay đổi nó?

Đi đến Preferences> User Settings. (Ngoài ra, Ctrl+ ,/ Cmd+ ,trên macOS)

Sau đó, bạn có thể nhập bên trong đối tượng JSON bất kỳ cài đặt nào bạn muốn ghi đè. Cài đặt người dùng cho mỗi người dùng. Bạn cũng có thể định cấu hình cài đặt không gian làm việc, dành cho dự án mà bạn hiện đang làm việc.

Đây là một ví dụ:

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

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

Liên kết hữu ích:

• Thiết lập mặc định

Trong cài đặt mặc định, Mã VS sử dụng các phông chữ sau (14 pt) theo thứ tự giảm dần:

• Monaco
• Menlo
• Lãnh sự
• "Droid Sans Mono"
• "Inconsolata"
• "Chuyển phát nhanh mới"
• monospace (dự phòng)

Cách xác minh: Mã VS chạy trong trình duyệt. Trong phiên bản đầu tiên, bạn có thể nhấn F12 để mở Công cụ dành cho nhà phát triển. Kiểm tra DOM, bạn có thể tìm thấy một số chứa tạo nên dòng mã đó. Kiểm tra một trong những khoảng đó, bạn có thể thấy rằng họ phông chữ chỉ là danh sách ở trên.

Các phông chữ mặc định khác nhau trên Windows, Mac và Linux. Kể từ VSCode 1.15.1, cài đặt phông chữ mặc định có thể được tìm thấy trong mã nguồn :

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

Trong VSCode nếu "editor.fontFamily": ""trống, kích thước phông chữ sẽ KHÔNG hoạt động. Đặt họ phông chữ để thay đổi kích thước.

"editor.fontFamily": "Verdana", hoặc là "editor.fontFamily": "Monaco",

Thực sự, sử dụng bất cứ phông chữ gia đình nào bạn thích.

Sau đó "editor.fontSize": 16, nên làm việc.

Trên windows windows của tôi, phông chữ VS Code mặc định là Consolas, nhưng bạn có thể dễ dàng thay đổi phông chữ trong File-> Preferences-> User Preferences. Tệp settings.json sẽ được mở cùng với tệp cài đặt mặc định, từ đó bạn có thể lấy cú pháp và tên cho các thuộc tính cài đặt và đặt tên riêng của bạn trong settings.json.

Trên Windows, các cài đặt mặc định như sau (Tôi chưa bao giờ cài đặt Monaco hay Menlo)

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

Cài đặt fontSize thành 12 và lineHeight đến 16 Visual Studio gần đúng được đặt thành Consolas với kích thước 10pt. Tôi không thể có được kết quả khớp chính xác (phông chữ VS Code hơi đậm hơn) nhưng đủ gần.

Một cách khác để xác định phông chữ mặc định là bắt đầu nhập "editor.fontFamily"vào cài đặt và xem những gì tự động điền gợi ý. Trên máy Mac, nó hiển thị theo mặc định:

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

trong đó xác nhận những gì Andy Li nói ở trên.

Mở vscode.

Nhấn ctrl,.

Các thiết lập là "editor.fontFamily".

Trên Linux để có danh sách các phông chữ (và tên của chúng mà bạn phải sử dụng) chạy cái này trong một vỏ khác:

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

Bạn có thể chỉ định một danh sách các phông chữ, để có các giá trị dự phòng trong trường hợp thiếu một phông chữ.

Vì VisualStudio đã được cập nhật ngay bây giờ (2019). Bạn có thể thử phương pháp này:

• Chuyển đến Tệp-> Tùy chọn-> Cài đặt .
• Chuyển đến tab Workspace và sau đó Trình soạn thảo văn bản-> Phông chữ
• Trong biểu mẫu Gia đình phông chữ, đặt tên họ phông chữ bạn muốn sử dụng cách nhau bằng dấu phẩy Ví dụ: Tôi đã đặt các phông chữ này trong Vùng làm việc của mình: Nhấp để xem cài đặt Không gian làm việc của tôi

Chuyển đến Công cụ-> Tùy chọn trên menu trên cửa sổ chính. Trong thùng chứa Môi trường, bạn có thể thấy Phông chữ và Màu sắc. Bạn có thể chọn phông chữ và màu sắc mà bạn muốn.