Как изменить шрифт ВКонтакте

В процессе активного использования сайта социальной сети ВКонтакте у вас вполне может возникнуть необходимость изменения стандартного шрифта на какой-нибудь более привлекательный. Реализовать подобное базовыми средствами этого ресурса, к сожалению, невозможно. Мы предлагаем воспользоваться специальным расширением Stylish для различных интернет-обозревателей. Благодаря такому подходу вам предоставляется возможность использовать и создавать темы на основе базовой таблицы стилей сайта VK.

Указанное дополнение одинаково работает практически во всех современных веб-браузерах, однако мы в качестве примера затронем исключительно Google Chrome.

Учтите, что в процессе следования инструкции вы, при должных знаниях, можете существенно изменить весь дизайн сайта ВК, а не только шрифт.
Рекомендуем вам прочесть дополнительные статьи по теме изменения шрифта в рамках сайта VK, чтобы знать обо всех возможных вариантах решения вопроса:
Как масштабировать текст ВК
Как сделать жирный шрифт ВК
Как сделать зачеркнутый текст ВК

Устанавливаем Stylish

Приложение Stylish для интернет-обозревателя не имеет официального сайта, а скачать его можно непосредственно из магазина дополнений. Все возможности расширения распространяются на полностью бесплатной основе.

Перейти на сайт магазина Chrome

1. Используя приведенную ссылку, перейдите на главную страницу магазина дополнений для веб-браузера Google Chrome.

2. С помощью текстового поля «Поиск по магазину» найдите расширение «Stylish».


Для упрощения поиска не забудьте установить точку напротив пункта «Расширения».

3. Воспользуйтесь кнопкой «Установить» в блоке «Stylish – кастомные темы для любого сайта».

4. В обязательном порядке подтвердите интеграцию дополнения в ваш веб-браузер, кликнув по кнопке «Установить расширение» в диалоговом окне.

5. После выполнения рекомендаций вы будете автоматически перенаправлены на стартовую страницу расширения. Отсюда вы можете воспользоваться поиском уже готовых тем или создать совершенно новое оформление для какого-либо сайта, включая ВКонтакте.


Рекомендуем ознакомиться с видеообзором этого дополнения на главной странице.

6. Кроме того, вам предоставляется возможность произвести регистрацию или авторизацию, однако это никак не влияет на работу данного расширения.

Заметьте, что регистрация необходима если вы собираетесь создать оформление ВК не только для себя, но и для других заинтересованных пользователей этого расширения.

На этом процесс установки и подготовки дополнения заканчивается.

Используем готовые стили оформления

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

Читайте также: Как устанавливать темы оформления ВК

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

Перейти на главную страницу Stylish

1. Откройте главную страницу расширения Stylish.

2. С помощью блока с категориями «Top Styled Sites» в левой части экрана перейдите к разделу «Vk».

3. Найдите тему, которая вам больше всего нравится, и кликните по ней.

4. Воспользуйтесь кнопкой «Install Style», чтобы установить выбранную тему.


Не забудьте подтвердить установку!

5. Если захотите поменять тему, то вам потребуется деактивировать ранее использованную.

Обратите внимание, что при установке или удалении темы обновление оформления происходит в режиме реального времени, не требуя дополнительно перезагрузки страницы.

Работаем с редактором Stylish

Разобравшись с возможным изменением шрифта путем использования сторонних тем оформления, можно перейти непосредственно к самостоятельным действиям касательно этого процесса. Для этих целей сначала необходимо открыть специальный редактор расширения Stylish.

1. Перейдите к сайту ВКонтакте и находясь на любой странице данного ресурса, кликните по иконке расширения Stylish на специальной панели инструментов в браузере.

2. Открыв дополнительное меню, кликните по кнопке с тремя вертикально расположенными точками.

3. Из представленного списка выберите пункт «Создать стиль».

Теперь, когда вы оказались на странице со специальным редактором кода расширения Stylish, можно приступать к процессу изменения шрифта ВКонтакте.

1. В поле «Код 1» вам нужно ввести следующий набор символов, который впоследствии станет основным элементом кода в рамках этой статьи.

body {}



Данный код подразумевает то, что текст будет изменен в рамках всего сайта ВКонтакте.

2. Установите курсор между фигурными скобками и дважды нажмите клавишу «Enter». Именно в созданную область вам нужно будет помещать строчки кода из инструкции.

   Рекомендацией можно пренебречь и попросту писать весь код в одну строку, однако это нарушение эстетики может в будущем вас запутать.

3. Для того, чтобы изменить непосредственно сам шрифт, вам необходимо воспользоваться следующим кодом.

font-family: Arial;



В качестве значения тут могут быть различные шрифты, которые имеются в вашей операционной системе.

4. Чтобы поменять размеры шрифта, включая любые цифры, на следующей строке воспользуйтесь этим кодом:

font-size: 16px;



Обратите внимание, что цифра может быть установлена любая в зависимости от ваших предпочтений.

5. Если у вас есть желание украсить готовый шрифт, вы можете воспользоваться кодом для изменения стиля текста.

   font-style: oblique;

   

   В данном случае значение может быть одно из трех:

   normal	Обычный шрифт
   italic	Курсив
   oblique	Наклонный

6. Для создания жирности вы можете использовать следующий вариант кода.

   font-weight: 800;

   

   Указанный код принимает следующие значения:

   100-900	Степень жирности
   Bold	Полужирный текст

7. В качестве дополнения для нового шрифта вы можете изменить его цвет, вписав следующей строчкой специальный код.

color: gray;



Здесь могут быть указаны любые существующие цвета с помощью текстового названия, RGBA- и HEX-кода.

8. Чтобы измененный цвет стабильно отображался на сайте ВК, вам потребуется дописать к началу созданного кода, сразу после слова «body», перечисляя через запятую, некоторые теги.

body, div, span, a



Рекомендуем воспользоваться нашим кодом, так как он захватывает все текстовые блоки на сайте ВК.

9. Чтобы проверить, как созданное оформление отображается на сайте ВК, в левой части страницы заполните поле «Введите название» и нажмите кнопку «Сохранить».


Обязательно установите галочку «Включено»!

10. Отредактируйте код, чтобы оформление полностью удовлетворяло вашим представлениям.

11. Сделав все правильно, вы увидите, что шрифт на сайте ВКонтакте изменится.

12. Не забудьте воспользоваться кнопкой «Завершить», когда стиль будет полностью готов.

Надеемся, в процессе изучения статьи у вас не возникло трудностей с пониманием. В противном случае мы всегда рады вам помочь. Всего хорошего!

Наш Telegram каналТолько полезная информация