1 октября 2013 г.

Определитель шрифтов в Chrome

Оригинал статьи: Chrome Font Finder

Порой читаешь веб-страницу и вдруг задумаешься: а что это за шрифт?

Конечно, можно заглянуть в исходный код страницы или данного фрагмента (выделить текст, вызвать правой кнопкой мыши контекстное меню и — «Просмотр кода элемента (Inspect element)»). Там, скорее всего, обнаружится список гарнитур — и однозначно установить, какой именно набран интересующий фрагмент, не выйдет.

В браузере Chrome появилась функция, сообщающая название гарнитуры, использованной в конкретном месте страницы. Доступна она только в версиях Chrome 31+, так что желающим придётся перейти на Dev Channel или Chrome Canary. После вызова просмотра кода элемента, перейдя на вкладку «Computed», нужно прокрутить вниз до раздела «Summary of the typeface(s) used for that element» (‘список гарнитур, использованных в данном элементе’). Пол Айриш (Paul Irish) отмечает, что функция «отлично работает с гарнитурами Google Webfonts, Typekit, локальными и внедрёнными через @font-face шрифтами, глифами Юникода и другими источниками шрифтов».

Как видно на скриншоте, в нашем примере использована гарнитура Helvetica, а не Arial. И не нужно обращаться к WhatTheFont или WhatFontIs.

Почему-то с веб-шрифтами функциям работает не очень хорошо.

От переводчика

1. В некоторых случаях список гарнитур всё-таки помогает: если в нём, например, Cambria, Calibri и какая-то ещё гарнитура, то отличить их друг от друга на глаз проблем не составляет.

2. До версии 31 осталось два обновления стабильной версии. Подождём.