Рекламное объявление
Сколько раз кто-то отправлял вам ссылку на сайт, наполненный невероятно трудным для чтения шрифты? Это случилось со всеми нами, и мы мало что можем с этим поделать - или есть?
В Интернете есть несколько людей, которые столкнулись с той же проблемой, что и вы, и, к счастью, они решили что-то с этим сделать. Так милостиво примите бабушкин цепочку электронное письмо Ссылка без вопросов, и попробуйте эти веб-инструменты, которые имеют единственную цель - чтобы вы могли видеть текст в Интернете, как вы хочу видеть это.
Следует четко указать, что FontFonter не собирается превращать худший в мире веб-сайт в нечто чистое и красивое. Давайте посмотрим правде в глаза. Плохо веб-дизайн 8 лучших сайтов для качественных примеров HTML-кодированияЕсть несколько замечательных веб-сайтов, которые предлагают хорошо разработанные и полезные примеры и учебники по HTML-кодированию. Вот восемь наших фаворитов. Подробнее плохой веб-дизайн, и вы ничего не можете сделать, чтобы изменить его. Тем не менее, это облегчит чтение сайтов. Просто введите нужный URL в адресную строку FontFonter, нажмите «
Это шрифт!»И охватите славную магию смены шрифтов TypeKit.
С помощью FontFonter мы можем изменить шрифты любого веб-сайта, используя три классификации: с засечками, без засечек и все. По сути, это означает, что вы можете исправить сайт с совершенно новой схемой шрифтов, или вы можете сделать все единообразно, решив, что все шрифты должны быть одинаковыми. Этот инструмент довольно прост в использовании, поскольку вы можете заменить все шрифты без засечек на своем веб-сайте и наоборот - на засечек. Как уже упоминалось, вы можете заменить оба шрифта без засечек и с засечками на веб-сайте одной и той же гарнитурой.
Недостатком FontFonter является тот факт, что он не обеспечивает предварительный просмотр того, как выглядят шрифты, так что если у вас нет список шрифтов TypeKit, в итоге вы будете немного играть в лотерею, пытаясь найти что-то подходящее. Конечно, это небольшая цена, так как со временем вы используете FontFonter, и вы ознакомитесь с выбором, который вы выберете.
Google Font Previewer был создан для веб-разработчиков, но он также весьма полезен для обычного интернет-потребителя. Расширение Chrome предназначено для веб-дизайнеров, которые хотят увидеть, как шрифты из Каталог Google Font API Все, что вам нужно для создания собственных шрифтов бесплатноЭти простые инструменты позволят вам бесплатно создавать свои собственные шрифты, даже если у вас нет опыта графического дизайна. Подробнее появляются на веб-страницах, когда они используются, но это также может быть хорошим подспорьем для тех, кто хочет получить лучший шрифт для удобства чтения.
Загрузив расширение Font Previewer, вы сможете найти его справа от адресной строки Chrome. Просто щелкните по нему на выбранном вами веб-сайте, и он предоставит вам множество вариантов, чтобы все перемешать. Выберите шрифты, используя предоставленный список, и настройте параметры, такие как увеличение текста вес, изменение всего текста в заглавные буквы, или увеличение процента размера текста с шагом 50.
В случае, если вы на самом деле разрабатываете веб-сайт, вы можете решить эту задачу, используя Font Previewer CSS функция выбора. Вместо того, чтобы тестировать весь сайт, просматривая только один выбранный шрифт, вы можете ввести специальные теги, которые изменят только часть вашей работы. Этот метод лучше, чем возвращаться в код каждый раз, когда вы хотите что-то изменить, просто чтобы посмотреть, как это будет выглядеть.
Удобочитаемый [Дополнение Firefox]
Вернемся к прошлой статье MakeUseOf, 4 инструмента для облегчения чтения веб-страниц для людей с плохим зрением 4 инструмента для облегчения чтения веб-страниц для людей с плохим зрением (Firefox) Подробнее мы познакомились с Fire Fox Удобочитаемый дополнение (а также его почти идентичный родственник, читатель). Дополнение не обязательно изменяет стиль текста реального веб-сайта как такового, но оно делает текст, найденный на нем, хорошо… читабельным.
Если вы хотите прочитать конкретную статью, но не можете выбрать шрифт, в котором она написана, просто нажмите кнопку «Читать», чтобы сменить обстановку. После активации надстройка откроет содержимое веб-сайта в презентации в театральном стиле, в которой текст и изображения страницы представлены в очень примитивной, но удобной для пользователя форме без засечек. Кроме того, выделение части текста только преобразует выделение, уменьшая беспорядок, который вы обычно должны прокручивать.
Конечно, даже у действительно хороших вещей есть свои недостатки, и в жестоком движении сама кнопка активации является ахиллесовой пятой Читателя. Кнопка браузера по иронии судьбы невероятно крошечная и почти сливается с самим браузером, представляя очень трудную для восприятия функцию дизайна для тех, для кого разработано дополнение. Тем не менее, эта одна проблема не опускает читабельную лодку, поскольку в целом это отличный инструмент, который можно использовать для людей с нарушениями чтения.
Вывод
Эти три веб-инструмента в основном фокусируются на текстовом содержимом веб-сайта, а не на веб-сайте в целом, но как кто-то, кто когда-то страдал серьезной мигренью из-за большого чтения в браузере, они, безусловно, благословение. Однако, если вы хотите найти еще больше ресурсов для более удобного чтения в браузере, вы должны взглянуть на MakeUseOf's 7 дополнений Firefox, повышающих уровень читаемости веб-страниц 7 дополнений Firefox, повышающих уровень читаемости веб-страницЧтение веб-страницы очень отличается (и трудно), чем чтение книги. Когда дело доходит до улучшения читабельности в Интернете, браузер не очень помог. Это дает нам полный экран ... Подробнее .
Какие из ваших наименее любимых шрифтов используются в веб-дизайне? Как эти инструменты помогли вам? Какие еще инструменты вы бы порекомендовали?
Кредит изображения: jeltovski, Нью-Йорк Таймс
Джошуа Локхарт - неплохой продюсер веб-видео и чуть выше посредственного автора онлайн-контента.
