Како пронаћи фонт веб странице помоћу алата Инспецт Елемент и проширења прегледача

Успех ваше веб странице у великој мери зависи од њеног изгледа. Правилна комбинација боја и тема задржаће посетиоце на вашој веб локацији још мало. Поред палете боја и структуре ваше веб локације, фонт који одаберете такође игра суштинску улогу у одржавању публике.

Можда наилазите на привлачну веб страницу док прегледавате Интернет и желите да знате које фонтове користи. Помоћу мрежних додатака и уграђеног алата Инспецт Елемент у прегледачу препознавање фонта је брзо и једноставно.

У случају да нисте знали, уграђени алат за преглед елемената прегледача вам омогућава да прегледате изворни код веб локације. Елементе дизајна странице можете разумети тако што ћете погледати њен ЦСС, ХТМЛ и друге информације. То је одличан начин да стекнете инспирацију приликом дизајнирања сопствене веб локације.

Процес идентификовања фонта помоћу алата Инспецт Елемент прилично је једноставан и неће вам требати никакве вештине кодирања. Овај алат је доступан у свим прегледачима на тржишту и сваки има сличан изглед.

Ево како да препознате фонт помоћу алата прегледача у прегледачу.

1. Отворите веб локацију коју желите да користите.
2. Означите текст који има фонт који желите да препознате и кликните десним тастером миша.
3. Кликните на Прегледајте из контекстног менија.
4. Када се отвори мени Инспецт, кликните на Цомпутед.
5. Померите се надоле да бисте пронашли Породица фонтова одељак. Овде можете пронаћи назив и стил фонта, као и његове димензије.

Ако желите бржи начин да пронађете фонт странице помоћу алата Инспецт, покушајте уместо тога:

1. Отворите веб локацију коју желите да користите.
2. Притисните Цтрл + Схифт + Ц. (Цмд + Схифт + Ц. на Мацу).
3. Пређите курсором преко текста да бисте приказали стил фонта, величину, код боје и маргину.

Такође можете да проверите листу фонтова који се користе на веб страници помоћу алата Инспецт. Ево како се то ради:

1. Идите на веб страницу.
2. Отворите изворни код притиском на Цтрл + Схифт + И. (Цмд + Схифт + И. на Мацу).
3. Кликните Мрежа, а затим изаберите Фонт таб.
4. Овде ћете видети листу свих фонтова који се користе на веб страници.

Да бисте добили списак свих фонтова у реалном времену, можда ћете морати да освежите веб страницу.

Повезан: Како повећати или смањити величину слова у Фирефоку

Како препознати фонтове помоћу проширења прегледача

Ако желите погоднији начин за препознавање фонта, можда ћете желети да инсталирате екстензију прегледача за проналажење фонта. Иако постоји неколико додатака прегледача који могу помоћи у откривању фонтова на Интернету, два најпопуларнија су ВхатФонт и Фонт Финдер.

Погледајмо процес идентификације фонтова помоћу обе екстензије.

1. ВхатФонт

ВхатФонт је широко популаран за брзо откривање више фонтова одједном. Ево како се користи овај алат.

1. Када је ВхатФонт омогућен у вашем прегледачу, задржите показивач изнад текста да бисте приказали његов фонт.
2. Једном када кликнете на текст, појавиће се искачући прозор са остатком детаља о фонту, као што су величина, боја и стил фонта.
3. Поред тога, можете истовремено одабрати више одељака текста да бисте упоредили различите фонтове на истој страници.

Преузимање: ВхатФонт фор Хром | Фирефок | Сафари (Бесплатно)

2. Фонт Финдер

Претраживач фонтова такође приказује детаље о фонту када задржите показивач изнад било ког текста на веб локацији. Међутим, пружа пуно техничких детаља, па може постати мало збуњујуће ако нисте упознати са веб дизајном.

Међутим, Фонт Финдер је погоднији за веб програмере који желе да у стварном времену замене постојеће фонтове новим. Ово олакшава тестирање фонтова пре било каквих трајних промена.

Ево како да тестирате фонт помоћу програма за проналажење фонтова:

1. Истакните део текста са веб странице.
2. Кликните десним тастером миша и изаберите Фонт Финдер из контекстног менија.
3. Изаберите Замените фонт са и унесите назив фонта. Додајмо Цалибри и погледајте како мења фонт у прегледу.
4. Ако желите да ресетујете фонт, освежите страницу.

Преузимање: ФонтФиндер за Хром | Ивица | Фирефок (Бесплатно)

Шта је са провером фонта на слици?

Ако желите да препознате фонтове на слици, додаци прегледача и алатка за преглед прегледача можда неће помоћи. Међутим, можете испробати алате за преглед слика на мрежи попут ВхатФонтИс, ФонтСкуиррел, Фонтспринг, ВхатТхеФонт, и многи други.

Процес идентификовања фонта са слике углавном је исти у свим алатима. Покушајмо да препознамо фонт на слици помоћу ВхатТхеФонт-а.

1. Ако већ нисте, преузмите слику коју желите да користите.
2. Увезите слику у ВхатТхеФонт.
3. ВхатТхеФонт ће аутоматски открити текст на вашој слици. Смањите или повећајте оквир за обрезивање тако да окружује фонт који желите да идентификујете. Погоди дугме са стрелицом кад се заврши.
4. ВхатТхеФонт ће затим подударати фонт на слици са фонтовима у својој галерији и приказаће вам уско повезане фонтове.
5. Ако одмах не пронађете добро подударање, можете и даље кликтати Прикажи више резултата да бисте видели више сродних фонтова.

Повезан: Најбоље веб странице са бесплатним фонтовима за бесплатне фонтове на мрежи

Откријте фонтове са Интернета и користите их у својим дизајном

Фонтови играју значајну улогу у успеху веб странице или графичког дизајна. Ако налетите на занимљив фонт током прегледавања Веба, лако га можете открити помоћу горе наведених метода.

ВхатТхеФонт и 4 алтернативе за проналажење фонтова са слика

Желите да пронађете фонтове са слика? Постоје мрежни алати који то могу учинити за вас, укључујући ВхатТхеФонт и разне алтернативе.

Прочитајте следеће

О аутору