Незалежно від того, чи розробляєте ви, чи просто подобаєтеся вигляд певного веб-сайту, знаючи, який тип шрифту використовується на веб-сайті та якого розміру він може допомогти вам наслідувати його чи використовувати його на власному веб-сайті. Є кілька способів цього досягти, і я покажу вам декілька з них тут. Тож якщо ви хочете перевірити тип та розмір шрифту на веб-сайті, читайте далі!
Маючи буквально мільйони шрифтів там, знаходження цього ідеального може зайняти більше часу, ніж слід. Коли ви знайдете хороше, вам потрібно з’ясувати, що там прямо, інакше ви можете втратити його назавжди. Якщо він є особливо хорошим, ви можете використовувати його на власному веб-сайті, як шрифт Office або в Windows, залежно від типу шрифту. Просто не забудьте пам’ятати, що деякі шрифти захищені авторським правом та недоступні для загального користування.
Перевірте тип та розмір шрифту на веб-сайті
Існує кілька способів перевірити тип і розмір шрифту на будь-якому веб-сайті. Найпростіший метод використовує сам браузер, тоді як інші використовують інструменти сторонніх сторін для ідентифікації ресурсів сторінки. Я охоплю обидва типи. Спочатку ми зупинимося на вбудованому методі браузера.
- Клацніть правою кнопкою миші на потрібній вам сторінці та виберіть «Оглянути елемент» (Firefox), «Оглянути» (Chrome) або «Інструменти для розробників F12» («Край»).
- Виберіть Інспектор (Firefox) у нових вікнах у нижній частині та прокрутіть праворуч, поки не досягнете шрифту. Він повинен показувати сімейство шрифтів, конкретний використовуваний шрифт, його розмір, колір та все, що визначається сторінкою.
Різні CMS та різні веб-дизайни відображають інформацію про шрифт різними способами. Спробуйте цей метод на кількох веб-сторінках, і ви, ймовірно, побачите кілька різних способів визначення шрифтів.
Інструменти сторонніх організацій для визначення типу та розміру шрифту
Є декілька сторонніх додатків, які працюють або як плагіни, або як закладки і можуть визначати типи шрифтів. Вони працюють з більшістю браузерів, включаючи Safari, тому вам слід знайти щось, з чим можна працювати без особливих проблем.
Firebug
Firebug був розробником для налагодження лише Firefox. Він став настільки популярним, що зараз він є агностиком браузера і буде працювати з більшістю браузерів. Це неймовірно універсальний інструмент, який може перевірити будь-який елемент веб-сторінки, включаючи шрифт.
Просто встановіть надбудову, як зазвичай, виділіть текст на сторінці, перейдіть на вкладку HTML в Firebug, а потім натисніть «Обчислено» праворуч. Потім Firebug повинен виділити назву шрифту, сімейство шрифтів, розмір, вагу та все, що вам потрібно знати.
Однак майте на увазі, що Firebug було припинено станом на 2017 рік. Старіші версії його все ще можна завантажити, але вони більше не оновлюватимуться, і Firebug, ймовірно, втратить функціональність у міру розвитку браузерів.
WhatFont
WhatFont - це закладка, що дозволяє визначати шрифти на веб-сторінках. Перетягніть закладку на панель закладок і використовуйте її для виявлення майже будь-якого шрифту в будь-якому місці. Він безкоштовний у використанні та дуже простий. Перейдіть на вподобану веб-сторінку, натисніть на закладку та наведіть курсор на шрифт, який ви хочете визначити. Над ним з’являється маленька чорна скринька, яка повідомляє вам шрифт.
Після оновлення він навіть став сумісним із пов’язаними додатками.
Знову ж таки, залежно від того, як налаштовано CMS або як створена сторінка, це буде або проста ідентифікація шрифту, або повне поле, яке дає розмір, колір, вагу тощо.
Є багато додатків типу закладок, які можуть ідентифікувати шрифти; WhatFont - лише один із них. Ви використовуєте його? Ця стаття переконала вас спробувати нову? Повідомте нас нижче.
