Начална » Toolkit » Откриване на лицето на шрифта лесно с Fontface Ninja

    Откриване на лицето на шрифта лесно с Fontface Ninja

    Ако се натъкнете на шрифт, който искате да използвате за ваша собствена употреба, обичайният начин да намерите информация за този шрифт е да използвате опцията „Проверка на елемента“, която се намира в браузъра Chrome..

    По принцип, докато в Chrome, ние маркираме текста и с десния бутон на мишката избираме Инспектирай елемента. След това можем да видим целия CSS код, свързан с маркирания текст.

    Все пак има проблем. Както можете да видите във второто изображение, маркираният текст се оформя с много селектори. За да проверите всички тях един по един, ще отнеме известно време.

    Използване на Fontface Ninja за откриване на шрифт

    Ето къде Font Ninja Това е разширение на браузъра, което ви помага идентифициране на шрифт по име. И всичко, което трябва да направите, е да задържите курсора върху шрифта, който ви интересува. Освен името на шрифта, Fontface Ninja също ви дава размер и разстояние между редовете също.

    Друга особеност на Fontface Ninja може да ви бъде удобна възможността да скриване на картини и реклами така че можете да се фокусирате върху шрифтовете без никакви смущения. Плъгинът също ви позволява да опитате шрифт и ако искате да го закупите или изтеглите.

    Инсталиране на Fontface Ninja

    Можете да изтеглите Fontface Ninja, който да използвате в браузъра по ваш избор.

    • Chrome
    • сафари

    Използване на нинджа Fontface

    Веднъж инсталирана, близо до адресната лента на браузъра ще бъде показана икона на приложение на скачащия нинджа. Кликнете върху него, за да я активирате. Сега ти можеш задръжте курсора на мишката над текста на уеб страница, за да получите подсказка, показваща информация за шрифта.

    За да пробвате шрифта, кликнете върху него, и логото на FontFace Ninja ще се премести наляво, като ви дава място да напишете и опитате шрифта, който сте избрали. Можете също регулирайте размера на шрифта.

    За да скриете всички изображения, за да можете да се фокусирате само върху типографията, кликнете върху маска опция, която е до Близо. Всички detect-font-fontface-ninja / ще бъдат скрити от изгледа.

    Свързани - живи тест шрифтове на вашия браузър

    Ако харесвате нинджа на Fontface, вероятно ще ви хареса Шрифт Драг. По-рано написахме за това, че е удобен инструмент, който да помогне на разработчиците, като тествате шрифтове, да се показват в браузъра само чрез плъзгане на шрифта в самата уеб страница.

    Вижте повече за това как можете да провеждате тестови шрифтове с Font Dragr.