Как да проверите размера на шрифта и лицето на уебсайт

Независимо дали се занимавате с дизайн или просто харесвате външния вид на определен уебсайт, знанието какъв тип шрифт използва сайтът и какъв размер може да ви помогне да го подражавате или да го използвате на вашия собствен уебсайт. Има няколко начина да постигнете това и ще ви покажа няколко от тях тук. Така че, ако искате да проверите типа и размера на шрифта на уебсайт, прочетете нататък!

Как да проверите размера на шрифта и лицето на уебсайт

С буквално милиони шрифтове там, откривайки, че перфектният може да отнеме повече време, отколкото трябва. Когато забележите добър, трябва да разберете какво е точно там и тогава, в противен случай можете да го загубите завинаги. Ако е особено добър, можете да го използвате на вашия собствен уебсайт, като шрифт на Office или в Windows в зависимост от вида на шрифта. Просто не забравяйте, че някои шрифтове са защитени с авторски права и не са достъпни за обществено ползване.

Проверка на типа и размера на шрифта на уебсайт

Има няколко начина да проверите типа и размера на шрифта на всеки уебсайт. Най -лесният метод използва самия браузър, докато други използват инструменти на трети страни за идентифициране на активите на страницата. Ще разгледам и двата вида. Първо, ще се съсредоточим върху вградения метод на браузъра.

  1. Щракнете с десния бутон върху страницата, която харесвате и изберете Инспектирай елемента (Firefox), Проверете (Chrome) или F12Инструменти за разработчици (Ръб, ​​край). Уеб меню на Chrome
  2. Изберете Инспектор (Firefox) или Изчислено (Chrome) в новите долни прозорци и превъртете надолу вдясно, докато стигнете Шрифт или размер на шрифта. Той трябва да показва семейството на шрифтовете, конкретния използван шрифт, неговия размер, цвета му и всичко друго, което страницата определя. Инструмент за Chrome Inspector

Различните CMS и различните уеб дизайни показват информацията за шрифта си по различни начини. Опитайте този метод на няколко уеб страници и вероятно ще видите няколко различни начина, по които се дефинират шрифтовете.

как да проверите-font-type-and-size-on-a-a-website-2

Инструменти на трети страни за идентифициране на типа и размера на шрифта

Има няколко добавки на трети страни, които работят или като плъгини, или като маркери и могат да идентифицират типовете шрифтове. Те работят с повечето браузъри, включително Safari, така че трябва да намерите нещо, с което да работите без много проблеми.

Firebug

Firebug беше инструмент за отстраняване на грешки само за Firefox за разработчици. Той стана толкова популярен, че вече е браузър агностик и ще работи с повечето браузъри. Това е невероятно гъвкав инструмент, който може да провери всеки елемент от уеб страница, включително шрифта.

  1. Просто инсталирайте добавката както обикновено, маркирайте текст на страницата, щракнете върху раздела HTML във Firebug и след това щракнете върху „Изчислено“ вдясно. След това Firebug трябва да подчертае името на шрифта, семейството на шрифта, размера, теглото и всичко, което трябва да знаете.

Имайте предвид обаче, че Firebug е прекратен от 2017 г. По -старите му версии все още могат да бъдат изтеглени, но те вече няма да се актуализират и Firebug вероятно ще загуби функционалност с развитието на браузърите.

как да проверите-font-type-and-size-on-a-a-website-3

WhatFont

WhatFont е отметка, която може да идентифицира шрифтове на уеб страници. Плъзнете отметката в лентата на отметките си и я използвайте, за да идентифицирате почти всеки шрифт, навсякъде. Той е безплатен за използване и много ясен. Придвижете се до уеб страница, която харесвате, щракнете върху отметката и задръжте курсора на мишката върху шрифта, който искате да идентифицирате. Над него се появява малка черна кутия, която ви казва шрифта.

Тъй като е актуализиран, той дори е станал съвместим със свързани добавки.

Отново, в зависимост от това как е конфигурирана CMS или как е проектирана страницата, това ще бъде или проста идентификация на шрифта, или пълна кутия, която ви дава размер, цвят, тегло и т.н.

Има много добавки от тип отметки, които могат да идентифицират шрифтове; WhatFont е само един от тях. Използвате ли такъв? Тази статия убеди ли ви да опитате нова? Кажете ни по -долу.