Как изменить стандартный шрифт в редакторе Brackets на свой.
Форма авторизации
Главная Пособия / уроки Как изменить стандартный шрифт в редакторе Brackets на свой.

Как изменить стандартный шрифт в редакторе Brackets на свой.

Иногда возникает вопрос о замене стандартного шрифта в редакторе Brackets на свой. Причиной тому является не красивый вид стандартного шрифта когда мы пишем на русском языке. Так вот в этой статье, мы разберем установку и применение своего шрифта, который вы хотите подключить и применить в свое использование.

До


После


И так, давайте приступим!

Первое, что нужно сделать, скачать расширение Fonts. Это расширение позволяет изменить шрифт в редакторе, и выбрать шрифт из шрифтов Google Fonts. Установить расширение можно двумя способами (они описаны на странице самого расширения).



После установки перезагружаем редактор (F5). У нас должна появиться вкладка Font в верхней панеле редактора



...которая имеет уже свои встроенные шрифты по умолчанию.



Конечно, можно воспользоваться уже этими шрифтами для нормального отображения, но нам нужно установить свои.
К примеру, я хочу установить шрифт PT Sans (которого нет по умолчанию во вкладке Font).
Примечание: данный шрифт скачивается и устанавливается в операционную систему. Как это делается думаю знают многие...

Так вот, теперь мы его будем подключать.
Для этого открываем папку расширения brackets-fonts-master. Найти ее можно следующим образом: Помощь > Показать директорию расширений > user > brackets-fonts-master.



В ней имеется файл main.js. Открываем его при помощи любого редактора, и находим сверху (примерно от 6-й строки) следующий код, который отвечает за стандартный список шрифтов:
Код
var fonts = [
  'Default',
  'Cutive Mono',
  'Droid Sans Mono',
  'Inconsolata',
  'Nova Mono',
  'Oxygen Mono',
  'PT Mono',
  'Share Tech Mono',
  'Ubuntu Mono'
  ];


... и после 'Ubuntu Mono' ставим запятую и прописываем название нашего нового шрифта PT Sans в ковычках. Должно получиться следующим образом:
Код
var fonts = [
  'Default',
  'Cutive Mono',
  'Droid Sans Mono',
  'Inconsolata',
  'Nova Mono',
  'Oxygen Mono',
  'PT Mono',
  'Share Tech Mono',
  'Ubuntu Mono',
  'PT Sans' // Шрифт который мы добавили  
  ];


Сохраняем файл и перезагружаем редактор (F5) после сохранения файла main.js.

Проверяем вкладку Font, и видим, что у нас добавился наш новый шрифт.



Кликаем по нему, и пользуемся установленным шрифтом.

Результат:



Комментарии к материалу
Всего комментариев: 2

ArtyProf |03.09.2016, 01:28
Brackets Icons - расширение для иконок, только так и можно выделить невзрачные написания...Иконки визуально разделяют форматы файлов...а мелкий шрифт в меню меня тоже бесит...
Rosen |07.08.2015, 13:25
а как увеличить размер шрифта в панелях управления?
слишком мелкий! и как его подсветить цветом ?
Заранее спасибо.
avatar