Как искать шрифты на веб-сайтах на компьютере и iOS


Письма 414953 640

Когда я посмотрел на первый черновик дизайна нашего нового раздела Ultimate Guides и Ebooks, первое, что я задумался, было «что это за шрифт заголовка?». Он гладкий и современный, но при этом имеет ощущение газетных засечек (спойлер: это был Raleway).

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

Вы можете сделать это из настольных браузеров, таких как Chrome, Safari, Firefox, а теперь и со своего iPhone или iPad с iOS 8. Как? Читай дальше что бы узнать.

Поиск шрифтов на рабочем столе

WhatFont – это расширение для Chrome и Сафари который сканирует исходный код страницы и сообщает вам нужный шрифт. И в большинстве случаев это получается правильно. Если вы пользователь Firefox, проверьте Поиск шрифтов.


Снимок экрана 2014 12 06 в 8 57 52 вечера

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

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


Снимок экрана 2014 12 06 в 9 54 53 Png

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

WhatFont для Safari на iOS 8

Хочешь верь, хочешь нет… iOS 8 принесла поддержку расширений. Расширения действий поддерживаются такими браузерами, как Safari. Это означает, что iOS, закрытая система, имеет доступ к библиотеке расширений, хотя и небольшой, перед Android делает. Этого я не ожидал. В общем, вот и мы. Если вы знаете, как это сделать и на Android, сообщите нам об этом в комментариях.

На iOS загрузите Приложение WhatFont. Само по себе это ничего не даст. Вы просто увидите руководство о том, как включить расширение. Так что зайдите в Safari, коснитесь доля кнопку и в нижнем ряду сдвиньте до упора вправо и щелкните Больше. Отсюда включить WhatFont.


Img 1986 Png

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


PNG изображения

PNG 1988

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


PNG 1989

Какой твой любимый шрифт?

Я печатаю Menlo Regular, но предпочитаю читать на Avenir Next или просто на старом Helvetica. Я также поклонник шрифтов, используемых в Instapaper, таких как Tisa, Georgia и Lyon. А что насчет тебя? Какой твой любимый шрифт? Дайте нам знать в комментариях ниже.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *