Как вытянуть с сайта понравившийся шрифт?

Тема в разделе "От души", создана пользователем Dima Tsoy, 9 дек 2016.

  1. Dima Tsoy

    Dima Tsoy

    Сообщения:
    194
    Баллы:
    16
    Привет! Сегодня расскажу о шрифтах для Ваших креативов, а точнее о том, как выдрать понравившийся шрифт практически с любого сайта.

    Немного теории
    Давайте представим, что Вам нужно сделать какой-то креатив или лендинг для оффера. И вот Вы дошли до текста: казалось бы, что может быть проще, чем напечатать его каким-нибудь Open Sans и забыть? Но далеко не каждый понимает, что восприятие текстовой информации напрямую зависит от её представления. Глядя на любую рекламную продукцию, мы получаем первое впечатление даже не читая текст. Её внешний вид создаёт в нашем сознании определённый образ, в формировании которого значительную роль играет именно оформление текстовой информации!
    Так же как и цвет, буквы имеют свою эмоциональную окраску, а их правильное сочетание с графическим оформлением способно усилить либо наоборот ослабить смысл рекламного посыла. Шрифт - это основа графического дизайна.

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


    [​IMG]

    На практике, вытянуть шрифт с сайта куда проще, чем Вы можете себе представить. Жмём F12 (просмотреть код) и идём на вкладку Network:
    [​IMG]

    Тут появляются дополнительные вкладки. Выбираем Fonts и обновляем страницу (F5 либо Ctrl+R). Подгружаются медиаданные, после чего я без проблем нахожу нужный мне шрифт в списке. Клацаем по нему правой кнопкой мыши и выбираем Open link in new tab. Profit!:[​IMG]
    В большинстве случаев шрифт сохраняется в формате .woff2. Если этот формат не подходит, идём на онлайн конвертер шрифтов и конвертим в нужный формат:[​IMG]
    Устанавливаем его и смело работаем:
    [​IMG]

    Собственно, на этом всё.
    Пользуйтесь на здоровье.​

Поделиться этой страницей