Как узнать, какой шрифт на сайте?

Как узнать и определить, какой шрифт на сайте?

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

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

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

Наконец, я нашла сервис, который настолько легко и быстро помогает определить шрифт, что невольно задаешься вопросом: как же все это время я о нем ничего не знала?

Знакомьтесь со своим будущим помощником — сервис “Fount”!

какой шрифт на сайте

Чтобы вы могли использовать его в любой момент времени, нажимайте на “Fount” левой кнопкой мыши, и перетаскивайте на панель браузера. Видите на моей панели браузера белую иконку с надписью “Fount”? Точно так же он будет выглядеть и у вас, если ваш браузер — Google Chrome. В других браузерах, таких, как Safari, Google Chrome, Mozilla Firefox, Internet Explorer, начиная с 8-й версии и выше, этот сервис работает по такому же принципу. А вот владельцам браузеров Opera, Internet Explorer 7 и некоторых других, придется поискать какой-либо другой вариант.

Пошаговые действия

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

Fount - шрифт на сайте

Нажимаем в браузере на иконку Fount, под мышкой появляется крестик, и нажимаем мышкой на участок текста, шрифт которого хотим определить. Посмотрите, в правом верхнем углу, появилась табличка с названием шрифта «PT Serif». Вот таким легким способом, мы можем определить, какой шрифт на сайте нашего коллеги. А также, можно увидеть размер 17  пикселей, степень насыщенности и стиль.

Тренируемся здесь же!

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

"Успевайте больше за меньшее время вместе с 

«Копилкой эффективных советов»

 

Подпишитесь на новости сайта!

Ваш email:
email рассылки
комментария 2
  1. Как определить шрифт, который нам понравился на каком-то сайте ? В этом нам поможет сервис “Fount”. Расположен он по адресу fount.artequalswork.com.

  2. Сегодня я расскажу о том, как определить шрифт на сайте. Вам очень понравился используемый на каком-либо web-ресурсе шрифт, и Вы хотите узнать, как он называется? Можно посмотреть css-код страницы и найти нужную информацию, но есть способ более быстрый и удобный. Установите букмарклет WhatFont (как это сделать показано на рисунке ниже). Теперь, чтобы узнать название (font-family), размер (font-size), межстрочный интервал (line-height) и html-код цвета понравившегося шрифта, достаточно два раза кликнуть мышью. Букмарклет выглядит как обычная закладка в браузере и совместим с FireFox 3.6 , Chrome 9 , Safari 4 и Internet Explorer 9 (для Safari и Chrome может устанавливаться и в виде дополнения). Про совместимость с браузером Opera на сайте разработчика ничего не сказано, но в 11 версии Оперы букмарклет работает. Лично проверил.

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