Как уменьшить шрифт на странице сайта

Как увеличить размер шрифта?

Для увеличения или уменьшения шрифта применяется стилевое свойство font-size, значение которого определяет размер текста. В качестве единиц можно применять rem; так, 1rem соответствует размеру шрифта всей веб-страницы. Таким образом, чтобы увеличить шрифт, указываем значение больше 1, например, 1.2rem, что увеличит размер текста на 20%. Ниже показано как задать размер основного текста всей веб-страницы через CSS (пример 1).

Пример 1. Использование font-size

Аналогично определяется размер шрифта и других элементов, в частности, заголовков. В примере 2 показано как задать размер заголовка .

Пример 2. Размер заголовка

Размер текста

Заголовок

Пример текста

См. также

font-size
Единицы размера в CSS
Размер текста
Свойства шрифта в CSS

КАК УВЕЛИЧИТЬ ИЛИ УМЕНЬШИТЬ РАЗМЕР ШРИФТА В БРАУЗЕРЕ

Все популярные веб-браузеры (Google Chrome, Mozilla FireFox, Opera, Internet Explorer) снабжены функцией уменьшения или увеличения масштаба отображаемой страницы. Функция масштабирования позволяет пользователям увеличивать или уменьшать шрифт и картинки просматриваемой в браузере страницы. Это может быть полезно для людей с ослабленным зрением, а также в случаях чрезмерно высокого или низкого разрешения экрана.

Возможно, кто-то случайно изменил размер, а теперь не знает как вернуть обратно. Существуют несколько способов того, как можно изменить размер шрифта и картинок в браузере:

Комбинацией клавиш и клавиатуры, совместным использованием клавиатуры и мыши. Ниже объяснение более подробно:

1 способ — с помощью клавиатуры

Стандартные комбинации клавиш для увеличения и уменьшения шрифта в любом популярном веб-браузере:

Зажмите клавишу «Ctrl» и нажимайте клавишу «+» для увеличения масштаба.
Зажмите клавишу «Ctrl» и нажимайте клавишу «-» для уменьшения масштаба.

2 способ — с помощью клавиатуры и мыши

Тоже одинаково для всех браузеров:

Зажмите клавишу «Ctrl» и крутите колесико мыши вверх для увеличения масштаба.
Зажмите клавишу «Ctrl» и крутите колесико мыши вниз для уменьшения масштаба.

Как настроить (изменить) шрифты в браузере Opera?

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

Сразу скажем, что на некоторых сайтах манипуляции с настройками шрифта не приведут к изменениям в оформлении текста, что связано тонкостями использованных для их создания веб-технологий и/или с особенностями функционирования самого браузера. Если вопрос о смене шрифтов стоит остро, то в этих случаях можно воспользоваться специальными расширениями для Opera, одно из которых будет рассмотрено здесь.

Масштабирование и быстрая настройка размера шрифтов в Opera

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

Масштабирование страниц осуществляется при помощи горячих клавиш «Ctrl» и «+» или «—» (увеличение и уменьшение масштаба, соответственно) либо путем прокручивания колесика мышки вверх или вниз при удержании «Ctrl». Оба действия приведут к тому, что справа от адресной строки браузера появится значок с изображением лупы — в дальнейшем для масштабирования страниц сайта можно будет использовать и его (однако значок автоматически исчезает при установке масштаба в 0%).

Способ с масштабированием страниц прост, но имеет два недостатка: первый — это уже упомянутое изменение размеров всего контента, второй — необходимость менять масштаб для каждого отдельного открываемого в браузере сайта. Альтернативный способ с быстрой настройкой размера шрифтов не имеет этих недостатков:

Открываем настройки браузера: либо впишите в адресную строку технический URL адрес — opera://settings/ — либо откройте меню «Простая настройка» (значок в левом верхнем углу) и выберите в нем пункт «Открыть все настройки браузера».

Прокрутите страницу настроек вниз до раздела «Оформление». Изменяйте значение параметра «Размер шрифта» для быстрой настройки размера шрифтов для всех открываемых в браузере сайтов. Изменения применяются мгновенно — открытые в Opera страницы обновлять не нужно.

Тонкая настройка шрифтов в браузере Opera

Предыдущие способы позволяют только увеличить или уменьшить размер текста, но не сам шрифт. Для этого в Opera предусмотрены отдельные настройки. Находятся они в разделе «Настроить шрифты»:

Здесь доступны следующие параметры:

«Размер шрифта». Параметр определяет общий размер шрифтов на всех открываемых сайтах (то же самое, что и быстрая настройка, но с расширенными значениями размеров).
«Минимальный размер шрифта». Устанавливает минимально возможный размер для шрифтов на сайтах (указанный создателями сайта размер текста ниже выставленного здесь значения будет проигнорирован браузером).
«Стандартный шрифт». Выбранный здесь шрифт используется на сайтах в случаях, если его создатели не указывают в коде веб-страниц, какой конкретно браузеру следует использовать шрифт.
«Шрифт с засечками», «Шрифт без засечек» и «Моноширенный шрифт». Данные параметры определяют, какой именно шрифт будет использоваться вместо выбранных разработчиками сайта шрифтов указанных типов.

Изменение шрифтов в Opera при помощи расширений

При написании данного обзора выяснилось, что на официальном сайте Opera нет расширений, которые позволяли бы изменять шрифты на сайтах. Однако их полно в «Интернет-магазине Chrome». А т.к. браузер Opera, как и Google Chrome, создан на основе движка «Chromium», то оба они поддерживают одни и те же расширения. Для примера мы опробовали в Opera плагин «Font Changer Plus», позволяющий изменять не только шрифты и их размер, но и цвет:

Для установки расширения Font Changer Plus нужно зайти на сайт Интернет-магазина Chrome , а затем нажать кнопку «Установить».

Через пару секунд в левом верхнем углу окна Opera появится значок установленного расширения. Кликаем по нему. В открывшемся окне отобразятся практически все те же самые параметры, что и в настройках самого браузера Opera, но только на английском языке. Убедитесь, что расширение активно. Под переключателем можно сразу же изменить размер шрифта. Нажатием «Reset» данный параметр будет сброшен.

Поэкспериментируем со шрифтами: установим в качестве шрифта без засечек какой-нибудь «экзотический» шрифт (например, «Aref Ruqaa»), а заодно поменяем его цвет с черного на синий.

Как можем убедиться, расширение Font Changer Plus отлично работает, несмотря на то, что первоначально оно разработано для браузера Google Chrome.

Инструкции
Лучшие программы
Полезные советы

Размер шрифта веб-страниц

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

Found a bug? Submit bugreport!
Знайшов баґ? Зроби баґрепорт!
Нашёл баг? Отправь багрепорт!
https://vivaldi.com/bugreport/

kurai Moderator @Ollya
отредактировано kurai

Не меняется размер шрифта веб-страниц, как выйти из ситуации, очень неудобно

Если в разделе Настройки / Веб-страницы / Специальные возможности изменить масштаб, ничего не меняется?
Если сделать по инструкции, тоже ничего не изменится?

Found a bug? Submit bugreport!
Знайшов баґ? Зроби баґрепорт!
Нашёл баг? Отправь багрепорт!
https://vivaldi.com/bugreport/

Ollya @far4
отредактировано
@far4, Большое спасибо))) все работает, сделала как надо)))
far4 @kurai
отредактировано

@kurai именно этот флаг у меня никаких проблем не вызывал никогда.
Я вообще замечу, что напортачить всерьёз с флагами, так, чтобы браузер стал вылетать при запуске или интерфейс стал нечитаемый — это непростая задача, не каждый сможет учудить. Флаги — это просто продолжение Настроек. А вот что ещё можно добавить — Вивальди запоминает настройки зума отдельно для каждого сайта. Но, к сожалению, не умеет запоминать по отдельности настройки для портретного и альбомного режимов: на узких экранах из-за этого могут быть скачки в размере шрифта, когда поворачиваешь смарт.

Ollya @kurai
отредактировано
@kurai, все хорошо работает, данные целы))
RX21 @Ollya
отредактировано RX21

Настройки / Веб-страницы / Специальные возможности изменить масштаб

chrome://flags/#enable-accessibility-page-zoom

И добавлю от себя — оба эти метода не работают одновременно. Приоритет браузер отдаёт настройке через флаги (chrome://flags), при этом настройка через меню браузера, игнорируется полностью на всех страницах в браузере.

Ollya @RX21
отредактировано

@rx21, у меня заработало только через флаги, никакие настройки через браузер не помогали))) причём работает все идеально

Ollya @Ollya
отредактировано