При наличии буквально миллионов шрифтов поиск идеального может занять больше времени, чем следовало бы. Когда вы заметите хороший, вам нужно сразу же выяснить, что это такое; в противном случае вы можете потерять его навсегда. Если он особенно хорош, вы можете использовать его на своем собственном веб-сайте, например, шрифт Office, или в Windows, в зависимости от типа шрифта. Просто помните, что некоторые шрифты защищены авторским правом и недоступны для публичного использования.
Независимо от того, занимаетесь ли вы дизайном или вам просто нравится внешний вид определенного веб-сайта, знание того, какой тип шрифта используется на сайте и какого он размера, может помочь вам подражать ему или использовать его на своем собственном веб-сайте. Есть несколько способов добиться этого, и эта статья покажет вам некоторые из них. Если вы хотите проверить тип и размер шрифта на веб-сайте, читайте дальше!
как создать непроверенный сервер
Проверка типа и размера шрифта на веб-сайте
Есть несколько способов проверить тип и размер шрифта любого веб-сайта. Самый простой метод использует сам браузер, в то время как другие используют сторонние инструменты для идентификации ресурсов страницы. Ниже мы рассмотрим оба типа. Во-первых, мы сосредоточимся на встроенном методе браузера.
- Щелкните правой кнопкой мыши на странице, которая вам нравится, и выберите Проверить элемент (Fire Fox), Осмотреть (хром) или F12 Инструменты разработчика (Край).
- Выбирать Инспектор (Файрфокс) или Вычислено (Chrome) в новых нижних окнах и прокрутите вниз справа, пока не дойдете Шрифт или размер шрифта . Он должен показывать семейство шрифтов, конкретный используемый шрифт, его размер, цвет и все остальное, что определяет страница.
Различные CMS и разные веб-дизайны отображают информацию о шрифтах по-разному. Попробуйте этот метод на нескольких веб-страницах, и вы, вероятно, увидите несколько разных способов определения шрифтов.
Сторонние инструменты для определения типа и размера шрифта
Несколько сторонних надстроек работают либо как плагины, либо как букмарклеты и могут определять типы шрифтов. Они работают с большинством браузеров, включая Safari, поэтому вы должны найти то, с чем сможете работать без особых проблем.
WhatFont
WhatFont доступен в виде веб-сайта или расширение для браузера . WhatFont бесплатен и очень прост. Вот что нужно сделать:
- Найдите шрифт, который вы хотите исследовать. Сделайте скриншот образца ( CMD + Shift + 4 на Mac или Клавиша Windows + Shift + S на ПК). Затем перейдите на сайт WhatFont.
- Нажмите, чтобы загрузить снимок экрана со своего компьютера, или перетащите снимок экрана и поместите его в поле.
- Выберите образец шрифта. Затем нажмите кнопку значок синей стрелки .
- Прокрутите список и найдите тот, который лучше всего соответствует нужному шрифту.
Наряду с названием шрифта у вас также есть возможность приобрести его, если у вас его еще нет.
В зависимости от того, как настроена CMS или как спроектирована страница, это будет либо простая идентификация шрифта, либо полное поле с указанием размера, цвета, веса и так далее.
как найти свой комментарий на YouTube
Фонтанелло
Не путать с футболистом, Фонтанелло — отличное бесплатное расширение для браузера, позволяющее быстро и легко просматривать шрифт сайта. Хотя в настоящее время оно доступно только для Chrome и Firefox, это расширение стоит скачать. Вот как использовать Фонтанелло:
- Открыть Хром и иди в Фонатанелло страницу в Интернет-магазине Chrome.
- Нажмите Добавить в Chrome установить Браузерное расширение Фонтанелло .
- Откройте веб-страницу со шрифтом, который вы хотите проверить. Выделите образец текста, который вам нравится.
- Щелкните правой кнопкой мыши выделенный текст, а затем нажмите Фонтанелло .
В появившемся всплывающем меню вы увидите сведения о шрифте.
Fontanello позволяет быстро и легко раскрыть детали шрифта, который вы хотели бы использовать.
Часто задаваемые вопросы
Вот еще несколько ответов на ваши вопросы об онлайн-шрифтах.
Как узнать, какой шрифт на изображении?
Возможно, вас интересует определенный шрифт, но он является частью изображения. Может быть трудно определить, что это за шрифт. Наиболее полезным инструментом для этого является WhatFont. Следуя приведенным выше инструкциям, вы можете загрузить изображение и раскрыть детали шрифта.
как подключить toshiba tv к Wi-Fi
Проверка веб-сайтов
Если вам не хочется использовать инструменты разработчика вашего браузера для определения шрифта веб-сайта, существует множество надстроек типа букмарклета, которые могут идентифицировать шрифты; WhatFont — лишь один из них.
Вы используете один? Убедила ли вас эта статья попробовать что-то новое? Дайте нам знать ниже.