Как установить нормальное написание шрифта в яндексе. Шрифт Яндекса — Yandex Sans. Совпадающим по основным метрикам и пропорциям с Ариалом

07.01.2021 Безопасность

У каждого сайта свой дизайн и свои настройки. Часто нас не устраивает размер текста: то он мелкий, что ничего не видно, то слишком крупный. В Яндекс.Браузере мы сможем настроить параметры под себя.

Для внесения нужных изменений нам понадобится раздел «Настройки». Войти туда легко и просто:

  1. Запускаем сам браузер Яндекс.

  2. Открываем «Настройки» (справа в верхнем углу).

  3. Пролистываем открывшуюся страницу до конца и нажимаем на «Показать дополнительные настройки».

  4. Далее ищем раздел «Веб-содержимое». Нужно пролистать страницу вниз до того момента, пока на глаза не попадется название необходимого блока.

  5. Сразу можно поменять размер нашего шрифта (сделать мельче или крупнее), а также масштаб страницы. Если вам все это не нужно, нажимаем кнопку «Настроить шрифты».

  6. Открывается окно, в котором вы и будете настраивать удобные для вас параметры.

Настройка параметров шрифта в Яндекс.Браузере

  • стандартный шрифт (Standart font) – установив определенный шрифт, практически вся информация будет написана в этом стиле на всех сайтах. Далее внизу при помощи ползунка меняете размер шрифта (стандартный – 16 пт);

  • последующие два пункта отвечают за отображение каких-либо блоков на сайтах с засечками или без них. Если не знаете, что такое засечки, взгляните на картинку;

  • далее вы можете установить шрифт фиксированной ширины для отображения, в основном, колонок или подписей к фото;

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

  • последний пункт отвечает за кодировку, но без понимания сути делать этого не стоит. В случае, когда вам это нужно, помните, что вам может понадобится установка дополнительных шрифтов на ПК, чтобы отобразить тексты на редких языках;
  • нажимаем «Готово».

Данные настройки будут применены на каждом странице. Для того, чтобы сменить масштаб конкретной страницы, достаточно нажать на значок меню в правом верхнем углу и выбрать размер («-» — уменьшает, «+» — увеличивает, также есть возможность развернуть страницу на весь экран) или воспользоваться горячими клавишами.

Меняем масштаб горячими клавишами

Для удобства размер шрифта (т.е. масштаб страницы) можно сменить нажав на горячие клавиши:


Аналогично можно воспользоваться мышью:

  • «Ctrl» + прокручиваем колесико «от себя» — увеличение;
  • «Ctrl» + прокручиваем колесико «на себя» — уменьшение.

Удаляем настройки для отдельных страниц

  1. Открываем «Настройки», пролистываем страницу и нажимаем на «Показать дополнительные настройки».

  2. Ищем раздел «Личный данные».

  3. Далее нажимаем «Настроить» в пункте «Масштаб».

  4. Далее появится список сайтов, вам нужно просто удалить те адреса, где не нужно применять ваши настройки.

  5. Нажимаем «Готово». Закрываем настройки.

Не потратив много времени и сил вы сможете настроить Яндекс.Браузер «под себя», чтобы потом чувствовать себя комфортно и уверенно.

Видео — Как изменить шрифт в браузере Яндекс

Инструкция

В обозревателе Internet Explorer есть возможность выбрать один из пяти предустановленных размеров шрифтов на странице. Чтобы сделать это, надо в меню, в разделе «Вид», навести указатель мыши на пункт «Размер шрифта » - это действие откроет список из пяти пунктов. Однако такой метод подействует только на те тексты в странице, размер шрифта которых не указан автором в ее разметке в явном виде. Альтернативный вариант - увеличить все элементы страницы сразу, включая и шрифты. Это можно делать, нажимая сочетания клавиш CTRL и «Плюс» либо «Минус», или прокручивая колесико мыши при нажатой клавише CTRL. Правда при этом пропорциональность изменения размеров разных элементов соблюдается в этом браузере только до некоторого предела.

Браузер Opera намного лучше, чем Internet Explorer справляется с масштабированием страницы. Здесь это тоже можно делать нажатием сочетания клавиш CTRL и «Плюс» / «Минус», либо прокруткой колесика мыши при нажатой клавише CTRL. Каждый шаг увеличивает или уменьшает размер на 10%. Это же можно делать и перейдя в меню браузера, в секцию «Страница», а в ней в раздел «Масштаб».В Opera есть возможность задать использование своих собственных таблиц стилей с нужными вам размерами шрифтов. В этом случае браузер будет игнорировать установки размеров, заданные в коде страницы, заменяя их на указанные вами. Чтобы добраться до настройки использования стилей, вам нужно нажать сочетание клавиш CTRL + F12, перейти на вкладку «Расширенные», затем в раздел «Содержимое» и нажать кнопку «Настроить стили».

В меню Mozilla Firefox тоже есть раздел «Вид», а в нем подраздел «Масштаб», где можно изменять размер всех элементов страницы. Здесь же можно поставить отметку у пункта «Только текст» - тогда масштабироваться будут только размеры шрифтов, оставляя без изменений остальные элементы. Эта установка будет действовать и при изменении размеров нажатием клавиш CTRL и «Плюс» / «Минус» и при прокрутке колесика мыши с нажатой клавишей CTRL.

В браузере Google Chrome масштабирование страницы вынесено непосредственно в меню. Нажатие пиктограммы с изображением гаечного ключа в правом верхнем углу окна открывает это меню и размер элементов страницы можно менять, щелкая значки плюс либо минус рядом с надписью «Масштаб». Но и нажатие сочетания клавиш CTRL и «Плюс» / «Минус» здесь тоже работает, как и прокрутка колесика мыши при нажатой клавише CTRL.Здесь есть также и расширенные настройки шрифтов. Чтобы открыть их в том же главном меню, выберите пункт «Параметры», а затем перейдите на вкладку «Расширенные». Там в секции «Веб-содержимое» есть выпадающие списки для выбора размеров шрифтов и масштаба страниц. Кроме них есть кнопка с надписью «Настроить шрифты», открывающая закладку с опциями настройки размеров шрифтов двух типов и минимально допустимого размера.

В браузере Safari, если открыть раздел меню «Вид», то можно менять масштаб, щелкая пункты «Увеличить масштаб» и «Уменьшить масштаб». Опция «Изменить только масштаб текста» позволяет менять размер шрифта без масштабирования остальных элементов страницы. Кроме того, если в разделе «Правка» щелкнуть пункт «Настройки», а потом в окне настроек перейти на вкладку «Дополнения», то можно будет указать минимально допустимый размер шрифтов страницы.Масштабирование при помощи сочетания клавиш CTRL и «Плюс» / «Минус» здесь тоже действует, как и при помощи прокрутки колесика мыши при нажатой клавише CTRL.

На бескрайних просторах Интернет-сети собрано огромное количество информации. Многие пользователи просматривают новостные статьи и обзоры техники, проходят всевозможные курсы прямо в браузере Яндекс. Некоторые даже читают книги в своем обозревателе, чему способствует возможность воспроизведения популярного «книжного» формата Fb2. В данной статье представлено , как поменять шрифт, увеличить масштаб странички и изменить кодировку в Яндекс-браузере.

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

Путь к настройкам

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

Здесь есть несколько конфигураций, с помощью которых можно настроить отображение текстов по вашему желанию.

Меняем шрифт

Первый пункт, с которым можно работать – это «Font size» («Размер шрифта»). Его можно быстро изменить с помощью ниспадающего списка, не затрагивая остальные настройки. Таким образом, вы адаптируете обозреватель под конкретный текущий текст. Его можно увеличить, если вы сидите далеко от монитора, или уменьшить, если вы хотите уместить большое количество текста на одной странице.

Теперь можно открыть вкладку «Customize fonts» («Настроить шрифт»). Здесь присутствует несколько различных параметров, которые позволяют изменить несколько вариаций шрифтов.

  • Standart font (стандартный шрифт) – отвечает за подавляющее количество информации на страницах. Большая часть контента будет отображаться именно так. Ползунок под списком позволяет увеличить или уменьшить размер (по умолчанию установлено 16 пт).
  • Serif (с засечками) – отвечает за блоки текста, которые, согласно стилю сайта, обязательно должны отображаться с засечками.
  • Sans-serif (без засечек) – аналогично предыдущему пункту, только наоборот.
  • Fixed-width (фиксированной ширины) – это содержимое разнообразных колонок и, иногда, подписей к изображениям.
  • Minimum size (минимальный размер) – это наименьший размер символов, которые будет отображать обозреватель. Меньшие буквы будут автоматически увеличены до данного значения.
  • Encoding (кодировка) – набор символов, используемых в данном языке. Без понимания дела менять ее не рекомендуется.

И, наконец, вы можете изменить масштаб всей веб-страницы с помощью «Page zoom» («Масштаб страницы»). Поставьте, к примеру, значение 125%, чтобы немного увеличить отображаемые объекты.

Однако для этого вовсе не обязательно каждый раз заходить в настройки обозревателя. Масштаб легко меняется с помощью комбинации клавиши Control и прокручивания колесика мыши. «От себя» - чтобы увеличить страницу, а «на себя» - чтобы отдалить ее.

Статья была полезна?

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

Как уменьшить масштаб страницы

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

  • пользователь является обладателем небольшого монитора (менее 19 дюймов) с ограниченным выбором разрешения;
  • на странице расположены крупные картинки, мешающие восприятию текста;
  • дизайнер страницы на сайте неудачно задал исходную ширину или высоту для значков или букв;
  • иногда необходимо уменьшить масштаб экрана для помещения всех элементов в зону видимости.

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

Чтобы узнать, как изменить масштаб окна внутри браузера от Яндекс, используйте данные по Google Chrome. Эта программа создавалась на основе бесплатно распространяемого исходного кода Chromium, так же, как браузер от Google. Менее популярные программные продукты используют похожие схемы управления содержимым. Программа иногда предусматривает возможность изменить горячие клавиши на более удобные для работы с окном.

В меню «Настройки»

С помощью мыши сделайте щелчок на меню, открываемое в верхней части. Это может быть как целая строка с надписью «Вид» среди прочих, так и одиночные иконки. В Опере это значок с соответствующим логотипом, а в Chrome такой элемент расположен в правой верхней части панели инструментов (кнопка с тремя горизонтальными полосами). Откройте меню одним из указанных методов, что приведет вас к нужному пункту и кнопкам для его увеличения или уменьшения. Нажимайте элемент со знаком «–» до тех пор, пока не останетесь удовлетворены результатом.

Горячими клавишами

Альтернативой для серии щелчков мышью в окне браузера будет использование горячих клавиш или комбинации клавиш для изменения габаритов иконок и символов. Большинство браузеров использует стандартную комбинацию «Ctrl+–», которая изменяет размер всех элементов в окне на фиксированное количество процентов относительно исходного значения. Платформа Apple Mac использует похожее сочетание клавиш с поправкой на иные символьные обозначения для управляющих клавиш.

Как увеличить масштаб экрана

Изменить размеры изображения веб-контента в большую сторону можно аналогично с действиями, указанными выше. Одно и то же меню используется для уменьшения или увеличения, а также для сброса параметра в исходное значение. Увеличивающая комбинация клавиш – «Ctrl» и «+». Используйте «+» на дополнительной клавиатуре , чтобы избежать конфликтов с другими клавиатурными сочетаниями. Возможность увеличить масштаб на экране используется в работе с текстом, написанным мелкими буквами.

Как изменить размер экрана на компьютере

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

Как изменить масштаб на ноутбуке

Клавиатура ноутбуков незначительно ограничивает комбинации клавиш, используемых для того, чтобы изменить видео или размер строк в окне. Вы найдете на вашей клавиатуре хотя бы один комплект кнопок «+», «–» и «0» для такой цели. Сочетание «Ctrl+0» пригодится, чтобы изменить значения обратно в 100%, например, в ситуации, когда вы чрезмерно расширили текст или изображения. Это сочетание уменьшает контент и возвращает страницу в первоначальный вид. Затем вы можете увеличить масштаб страницы на другое значение.

Видео: как поменять расширение экрана

Но, на днях решил открыть еще одну рубрику - "Это интересно и полезно". В которой будут статьи утилитарного содержания, т.е. что-то типа уроков, описаний и т. п. Данная статья, из этой рубрики, касается одной из проблем, с которой периодически сталкиваются многие из нас в интернете.

Бывает у вас так - открываешь, к примеру, страницу соц.сети, и видишь изображения и текст в маленьком размере? Иногда настолько мелким, что текст выглядит совершенно не читабельным. Понимаешь, что это - стандартное требование к ведению блогов или сайтов. Но хочется как-то изменить ситуацию.


Пораскинув мозгами, нашел три легких и быстрых способа , как решить эту проблему.

Постарался показать, как я это делаю. Сопроводил описание скриншот-картинками, чтобы было понятнее тем , кто захочет воспользоваться этими способами.



Три легких и быстрых способа изменения масштаба экрана ПК/ноутбука в яндекс и гугл хром


  • Способ первый . Очень быстрый, буквально одним щелчком (кликом) - при помощи так называемых "горячих клавиш".
На клавиатуре нажимаю одновременно две клавиши: 1) Ctrl (на картинке под цифрой 1) и клавишу со знаком минус (-) или плюс (+). Они указаны под цифрой 2.

То есть, когда хочу добиться увеличения, жму на "плюс". Соответственно, для уменьшения кликаю так же - на клавиши Ctrl и "минус". И все, размеры мгновенно изменились!

  • Способ второй. Чуть дольше (ну, на пол-минуты) - в настройках яндекса или гугл хром.
Рассмотрим по-очереди два примера.
  1. Итак, в правом верхнем углу Яндекса нахожу "шайбочку" (цифра 1), жму на нее. И в открывшемся окне (см. картинку), навожу курсор мыши на слово "Масштаб". В скобках отражается тот размер, которым я пользуюсь на данный момент .



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

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



2. Теперь в гугл хром. Алгоритм действий тот же. Только, к счастью, еще короче.

При нажатии на "шайбу", все в том же верхнем углу, откроется окно.
А в нем достаточно лишь нажать на знак "плюс" или "минус" - в зависимости от необходимости увеличить или уменьшить экран. Если вы попробуете прямо сейчас, сами убедитесь, что это очень легко и просто!





Теперь, когда я открываю различные страницы сайтов, они раскрываются в указанном масштабе. То есть результат сохраняется, и при переходе на другие блоги и пр., мне не нужно заново все устанавливать в желаемых масштабах.
  • Третий способ доступен в Гугл хром. И позволяет установить не только размер экрана, но и зафиксировать желательные размеры шрифта для веб-документов.
Тоже выполняется достаточно просто и быстро. Опять открываю меню Chrome в панели инструментов браузера, т.е. кликаю по "шайбе". Только теперь выбираю пункт "Настройки".


Перехожу на новую вкладку . В самом конце страницы нужно нажать на строчку "Показать дополнительные настройки".




Здесь, прокрутив страницу мышкой вниз, останавливаюсь на пункте "Веб-контент". Тут же, никуда не переходя, кликаю по черному треугольнику в строке "Масштаб страницы" и легко меняю его.



И, коль уж оказался на этой странице, решил воспользоваться настройкой шрифта. Благо, сделать это очень легко.
Кликнув по строчке "Настроить шрифты", перехожу в новую вкладку. Здесь отмечаю два параметра - устанавливаю размеры Стандартного и Минимального размеров шрифта.


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

Подведем итоги. Для того, чтобы не мучиться при работе в интернете, напрягая зрение, я делаю следующее:

    В гугл хром сразу выполняю настройки по третьему способу ;

    В яндекс - вторым способом ;

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

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

Использование браузеров для просмотра веб-страниц и серфинга по просторам Всемирной Паутины уже давно стало чем-то обычным для пользователей. Разработчики позаботились о том, что все имели равные возможности в вопросе доступа к информации. У многих людей существуют те или иные ограничения. Например, людям со слабым зрением, требуется увеличение страницы или шрифта, чтобы прочитать ту или иную информацию. В этой статье мы расскажем, как это сделать в Яндекс браузере.

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

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


Щелкнув по ней, пользователь сможет увидеть сверху цифру, выраженную в процентах, а также кнопки «-» и «+». Достаточно нажать на вторую и масштаб страницы увеличится на 10 процентов. Если нажать еще раз, то еще на 10 процентов. Уменьшить масштаб до стандартного также можно, но нажав на клавишу «-«.

Как видите, все просто.

«Веб-содержимое». В этом пункте, можно выбрать шрифты, отображаемые на страницах сайтов (для основного текста). Можно выбрать «очень мелкий», «мелкий», «средний», «крупный» и «очень крупный» размер шрифта. Но более наглядно настроить шрифты можно нажав кнопку «Настроить шрифты».

В появившемся окне можно выбрать шрифт, для определенного типа шрифтов, на тот случай, когда веб-мастер указывает на сайте вид шрифта для определенного текста, но не сам шрифт. То есть, например, для такого то текста указан шрифт с засечками, не важно какой, но главное, чтобы именно такой тип применялся. Под выбором «стандартного шрифта» имеется полоса регулировки размера шрифта (по умолчанию размер шрифта 16). Для изменения размера, зажимаем правую кнопку мышки на ползунке и перетаскиваем в сторону. Все выбранные шрифты и размер сразу отображаются в правой стороне окна, то есть сразу можно увидеть выбранный шрифт и измененный размер. Цифра указывает размер шрифта. После изменений, нажимаем кнопку «Готово».

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

Следующими идут пункты обозначенные флажками. Включить отображение адресов страниц в виде «домен > заголовок» означает, что если флажок убрать, то в адресной строке будет виден только электронный адрес (без заголовка), а если оставить, то виден и электронный адрес и заголовок.

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

Режим «Турбо» — оптимизация скорости при использовании других точек соединения, для более быстрого доступа к сайту при медленном интернете. Если интернет быстрый, то лучше оставить как есть — «Автоматически включать на медленном соединении».

Многие люди пользуются компьютерами, ведь они делают нас ближе со всем окружающим миром, с дальними родственниками тоже, что очень важно пожилым людям. Не каждый имеет отличное зрение, но если нет желания использовать очки, напрягать свое зрение, то можно лишь увеличить шрифт в браузере. В данной статье мы подробно расскажем вам, как увеличить шрифт в «Яндекс-браузере» и не напрягать свое драгоценное зрение мелкими буквами, которые так любят использовать веб-мастера. Итак, приступим.

Как настроить шрифт в «Яндекс Браузере»?

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

Поэтому, особенно браузеры являются невероятно адаптивными под пользователя, в них можно настроить все, ну или практически все, поэтому в данной статье мы вам расскажем, как увеличить шрифт в «Яндекс Браузере», ведь это отечественный браузер, а свое нужно поддерживать всеми возможными силами.

Инструкция по увеличению шрифта:

  1. Откройте браузер, после чего дождитесь полной его загрузки в оперативную память, это займет всего несколько секунд.
  2. В левом верхнем левом углу будет значок с тремя горизонтальными полосками, нажмите на него, далее найдите пункт «Настройки».
  3. Среди множества тонких настроек, найдите «Дополнительные настройки».
  4. В блоке «Содержимое» вы можете детально настроить отображение шрифтов в вашем браузере, вплоть до кодировки и размера, что нам собственно и надо, а также другие параметры.
  5. Сохраните и перезапустите ваш браузер.

Если вас также мучает вопрос того, как уменьшить шрифт в «Яндексе Браузере», то стоит заметить, что делается это аналогичным образом. Как видите, ничего сложного нет, необходимо лишь немного исследовать настройки.

Как настроить шрифт в других браузерах

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

Как настроить шрифты в Google Chrome:

  1. В левой части браузера нажмите на кнопку настройки, после чего перейдите в «Параметры».
  2. В параметрах найдите пункт «Дополнительные».
  3. В это будет строка «Веб-содержание», рядом с ней и можно настроить размер шрифта, а также настроить дополнительные параметры отображения символов.

Как настроить шрифты в Opera:

  1. В правом верхнем углу будет находится «Меню», там будет кнопка «Инструменты».
  2. Среди различных настроек найдите «Общие настройки», после открытия странички вы увидите пункт «Web-страницы», там и будут настройки шрифтов.

Быстрое изменения масштабе

В теме выше, о том, как увеличить шрифт в «Яндекс Браузере», мы рассказали, как сделать это через настройки браузера. Однако не все знают, что можно это сделать лишь при помощи двух действий: зажать CTRL и прокрутить мышкой. Такой способ изменения размера странички подходит не только для браузеров, но и для MSWord и Photoshop. Также настоятельно рекомендуем просмотреть документацию к прикладным программам, которые вы используете, ведь в ней найдете множество интересных функций, в том числе и работу со шрифтами.

В заключение

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


Слайд Кристиана Шварца показывает наложение Ариала и Гельветики

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

  • Пропорции и рисунок букв местами вызывают вопросы - особенно в кириллице, многие буквы которой выглядят откровенно странно.
  • Нет вариаций насыщенности (то есть толщины линий букв). Только обычный и жирный (отдельно существует еще Arial Black). Для современных интерфейсов этого уже не хватает, нужны разные степени насыщенности, легкие тонкие начертания, полужирные и т. д.
  • Плохая читаемость в мелких кеглях. Из-за закрытого рисунка букв в размерах ниже 12px символы начинают «слипаться» и читаемость страдает. В веб-интерфейсах Яндекса самые мелкие надписи мы набираем открытой Верданой, лишенной этого недостатка.

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

Это Textbook New, он же гарнитура Букварная, впервые разработанная в СССР в 1958 году Еленой Царегородцевой в НПО «Полиграфмаш» для набора - действительно - букварей и школьных учебников. Добрый шрифт, знакомый каждому, чьё детство проходило на советском (и немножко постсоветском) пространстве. Свой, родной. Но несколько странный для современной высокотехнологичной компании в XXI веке.

С этим набором шрифтов мы жили до текущего момента, однако давно ощущали его ограничения. Мы чувствовали, что нам:

Всё это привело к размышлениям о том, каким должен быть шрифт Яндекса.

Каким должен быть шрифт Яндекса

Мы сформулировали требования к нашему шрифту:

1. Шрифт должен иметь своё лицо, отличаться от конкурентов

Конкуренты - это, в первую очередь, Roboto, San Francisco, Segoe - шрифты интерфейсов Google, Apple и Microsoft соответственно.

2. И в то же время быть спокойным, нейтральным, не слишком характерным

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

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

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

3. Выражающим наши ценности

Нейтральность нейтральностью, но какое-то лицо у шрифта всё-таки должно быть. Если попытаться описать, какие эмоции могут быть заложены в шрифте, мы обычно формулируем примерно такой список:
  • открытый,
  • современный,
  • умный,
  • нейтральный,
  • локальный,
  • технологичный, но с человеческим лицом.
Мне особенно близок последний пункт. Хотя мы - современная высокотехнологичная компания, нашим продуктам всегда была свойственна теплота и человечность. Мы точно не бездушный робот-андроид.

4. Сделанным в первую очередь для кириллического набора

Как известно, большинство шрифтов сначала создаются для латиницы, и лишь позже им дорисовывают кириллическую версию. Иногда это получается сделать более удачно, иногда  - менее. Для нас сразу было очень важно, чтобы Яндекс говорил по-русски без акцента. Применительно к шрифту это означает, что кириллица должна создаваться одновременно с латиницей или даже раньше.
Ну и конечно шрифт должен иметь все необходимые нам символы и буквы, использующиеся в странах, где мы работаем: России, Украине, Беларуси, Казахстане, Турции и др., знак рубля и т. д.

5. Очень хорошо читаемым, разборчивым и применимым во всех современных средах

Интерфейсы и коммуникации Яндекса встречаются в самых разных средах. Вот, например, некоторые среды, в которых типографика встречается у Яндекс.Такси (это далеко не полная подборка):

6. Совпадающим по основным метрикам и пропорциям с Ариалом

Это техническое требование, важное для веб-интерфейсов. При замене шрифта с Ариала на наш, верстка страницы не должна разъезжаться. Важно также, чтобы шрифт не проигрывал Ариалу по ёмкости (то есть количеству символов в строке средней ширины), чтобы информации в блоке текста заданного размера (например, в результатах поиска) помещалось не меньше.

7. Имеющим несколько степеней насыщенности

То есть толщины линий:

Сейчас даже для веб-интерфейсов уже не хватает просто «жирного» и «нежирного», нужны градации.

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

Команда

Нам был нужен шрифтовой дизайнер с опытом работы над большими системами начертаний. Он должен был быть русскоговорящим либо плотно сотрудничать с русскоговорящим дизайнером.

Ира Волошина, которая начинала проект в Яндексе, обратилась к Илье Рудерману , который, в свою очередь, порекомендовал подключить Кристиана Шварца .

В итоге нам очень повезло работать над шрифтом с Ильёй и Кристианом с его студией Commercial Type .


Кристиан Шварц в мире шрифтового дизайна  - настоящая суперзвезда мирового уровня. Он сотрудничал с Font Bureau (у них вообще звездный состав, включая, например, Мэтью Картера, автора шрифтов Verdana и Georgia), работал с Эриком Шпикерманном. Среди его работ - шрифты для американского Esquire, Deutsche Bahn и огромная система начертаний для британской газеты The Guardian, получившая международные награды. Кристиан удостоен премии лондонского Design Museum и был включен журналом Wallpaper в список «40 наиболее влиятельных дизайнеров до 40 лет».


Илья Рудерман -  один из самых известных российских дизайнеров шрифтов, преподаватель Британской высшей школы дизайна . Илья учился дизайну шрифтов в Королевской Академии Искусств в Гааге, а позже у него самого учились многие российские шрифтовые дизайнеры. Работал над системами начертаний для Афиши и многих других заказчиков. Что очень важно, Илья давно сотрудничает со Шварцем, вместе они сделали уже не один шрифт.

В команде с Кристианом и Ильёй в роли ведущего дизайнера работал Мигель Рейес , дизайнер нью-йоркского офиса Commercial Type, который как и Илья обучался дизайну шрифтов в Голландии.

Хинтингом и сборкой шрифтов занимался Марк Рекорд .

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

Со стороны Яндекса над шрифтом работало на разных этапах много замечательных людей. Проект начинала Ирина Волошина. Более чем активно участвовали Тарас Шаров, которого я уже упоминал в этом посте, Данил kovchiy Ковчий и Сергей Фёдоров, Стас plkv Поляков, Иван Semus Семенов, Андрей karmatsky Кармацкий, Миша Мильников, Рома Искандаров, Андрей Лось, Настя Ларкина, Сережа 3apa3a Томилов, Никита Бровиков, Дима Середа, Саша Володин и очень-очень многие другие. Бесконечное количество раз бесконечное количество дизайнеров присылали правки, замечания и пожелания. Мне бы очень хотелось поблагодарить всех, и я очень боюсь кого-то забыть, поэтому не буду перечислять каждого.

Как работали над шрифтом

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

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

Flat - более контрастный и более острый, характерный:

Round - более дружелюбный и мягкий:

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

Шрифт, правда, всё равно выглядел довольно «колючим», поэтому в следующих версиях окончания штрихов смягчили:


cdn-images-1.medium.com/max
/800/1*XWqkkUy888GRSMI2NsgD_Q.png» alt=«image»/>

С самого начала у нас было в работе две версии шрифта: Text и Display:

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

В курсиве мы перебрали большое количество вариаций отдельных знаков. Долго не могли выбрать форму букв г, д, е, и, й, т, ц, ч, ш, щ, f . В конце концов после бесчисленных проб остановились на таком варианте:

Шрифт снова и снова тестировался, но все еще казался нам недостаточно мягким и добрым. Он, безусловно, выглядел современно, но ему не хватало теплоты и человечности, присущей, например, Букварной. Перепробовав большое количество вариаций пропорций и окончаний штрихов, мы получили более добрую версию, которая и была взята за основу:

Параллельно всё время происходило бесконечное количество технической работы, подбора кернинговых пар, хинтинга, работы над несколькими начертаниями:

Что получилось в результате

Финальная (на сегодняшний день) версия шрифта Yandex Sans выглядит так:




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

А вот как выглядит примерка шрифта в естественной среде:


Yandex Sans в макете результатов поиска. Автор - Даня Ковчий


Концепт интерфейса Яндекс.Музыки с новым шрифтом. Автор - Даня Ковчий


Концепт главной страницы Яндекса с новым шрифтом. Автор - Даня Ковчий

Прямо сейчас мы уже используем новый шрифт в интерфейсе нашего Лончера на Андроиде и на странице О компании :

Теперь миссию Яндекса и историю компании можно прочитать нашим «голосом» - нашим новым шрифтом.

А вот как выглядят примеры фраз из начала поста, набранные Yandex Sans:

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

Что дальше

Многие спрашивают, планируем ли мы выложить новый шрифт в открытый доступ. Сейчас мы этого не планируем. Yandex Sans - голос нашего бренда, такой же как логотип Яндекса. Поэтому и использоваться он будет только в наших продуктах и коммуникациях. Apple и Google раздают свои шрифты открыто для того, чтобы разработчики приложений под iOS и Android могли ими воспользоваться. У нас такой задачи прямо сейчас нет, поэтому и отдавать наружу шрифт не планируется.

Впереди у нас самое интересное. Как известно, с запуском продукта работа над ним только начинается. Нам еще только предстоит по-настоящему тестировать Yandex Sans в продуктах. И если в коммуникациях он совсем скоро начнет появляться, то на главной странице Яндекса или в результатах поиска Yandex Sans точно не стоит ждать в ближайшее время. Впрочем, начало положено, и это, как мне кажется, самое главное.