Cursive Font Bundle — Etsy.de

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.

(более 1000 релевантных результатов)

Как включить красивые курсивные шрифты в теме VS Code

Опубликовано по адресу

Обновлена ​​на

Время чтения
3min

Я на атмосфере. это путем настройки моей темы кодирования.

Знакомы ли вы с этими красивыми темами кодирования с причудливыми курсивными шрифтами? 👇

Я всегда завидовал людям, которые их используют, и сегодня я потратил некоторое время на то, чтобы выяснить, как это работает.

Шрифт с курсивом и тема, использующая курсив

Вам нужны две вещи, чтобы включить курсив в вашем редакторе:

  1. тема кодирования, которая использует курсив для определенных токенов (немногие делают)
  2. шрифт который в основном моноширинный, но включает курсивные символы для курсива

Настройка My VS Code состоит из темы кодирования Yi light/dark и шрифта редактора FiraCode. И, к сожалению, , Yi не использует курсив, а FireCode не включает курсивные символы.

К счастью, я нашел шрифт FiraCode iScript. Это смесь FiraCode (моноширинный) и Script12 (курсивный), так что мне не нужно было менять основной шрифт (ура!).

Если вы используете тему кодирования, которая уже использует курсив, FireCode iScript (и другие шрифты) должны работать сразу после установки, и ваша работа будет выполнена после его установки. (Я слышал хорошие отзывы о теме Pop’n’Lock)

Тем не менее, я не заинтересован в смене темы, поэтому мне пришлось продолжить свое путешествие, чтобы выяснить, как заставить тему кодирования использовать курсив.

Определить курсив, когда ваша тема их не использует

После «переполнения стека» некоторое время я узнал, что вы можете перезаписать конфигурацию вашей темы, добавив textMateRules в настройки .json .

 {
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "объем": [
          "комментарий",
          "ключевое слово",
          "хранилище.модификатор",
          "хранилище.тип.класс.js",
          "хранилище.тип.js"
        ],
        "настройки": {
          "fontStyle": "жирный курсив"
        }
      },
      {
        "объем": [
          "ключевое слово.
управление.условное", "ключевое слово.оператор" ], "настройки": { "стиль шрифта": "" } } ] }, }

Включение и отключение стилей курсивного шрифта ( настройки .fontStyle ) для определенных токенов исходного кода ( область действия ) с помощью нескольких строк JSON; это прекрасно! Но как узнать область действия конкретного токена исходного кода ( let , this , import и т. д.)?

Проверка токенов и области действия VS Code

Слишком просто получить доступ к информации о синтаксисе и темах в VS Code!

Открыть палитру команд ( CMD + Shift + p ) и найдите команду «Проверить токены и области действия редактора». Просмотрите свой код и найдите конкретные области, чтобы настроить их в настройках .json .

Я никогда не создавал тему кодирования, но, возможно, мне следует! Этот поток кажется таким легким! 😲 Нажмите одну команду и начните определять пользовательские стили для любой части вашего исходного кода.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *