«Веб-шрифти» та «веб-безпечні шрифти» — це два різні поняття, пов'язані з використанням шрифтів на веб-сайтах. Перш ніж ми почнемо, давайте трохи прояснимо термінологію. У чому різниця між шрифтами, які вже встановлені на вашому пристрої, і тими, які вам потрібно завантажити?
- Веб-безпечні шрифти: також відомі як «системні шрифти» або «браузерні шрифти», веб-безпечні шрифти — це шрифти, встановлені на всіх пристроях та браузерах.
2. Веб-шрифти: хоча і нечіткі, веб-шрифти відносяться до всіх шрифтів, які НЕ є веб-безпечними шрифтами, особливо до комерційних та незалежно розроблених шрифтів.
Таким чином, веб-безпечні шрифти є найбільш поширеними, доступними у Windows або Mac, Chrome або Safari. Таким чином, веб-шрифти не так легко доступні, і зазвичай вам доводиться завантажувати та встановлювати їх самі.
Який з них використовувати в веб-дизайні?
У них обох є свої переваги і недоліки.
Для веб-дизайну, який є середовищем, що розглядається в цій статті, головна перевага веб-безпечних шрифтів полягає в тому, що вони завантажуються швидше, що скорочує час, необхідний для завантаження вашого сайту. Це не велика різниця, але якщо ви хочете скоротити кожну втрачену мілісекунду, вони мають значення.
Назад веб-безпечних шрифтів є те, що вони універсальні. У них немає нічого унікального чи оригінального – вони доступні буквально кожному. Якщо вам потрібний стиль або артистизм, вам доведеться використовувати інший веб-шрифт.
Веб-шрифти відрізняються значно більшою різноманітністю; це набір шрифтів, які постійно додаються та розширюються. Ви можете отримати найкращі веб-шрифти для свого бренду, спеціально розроблені на основі того, що ви шукаєте, або ви можете ліцензувати вже існуючий онлайн із концентратора шрифтів. Головна їхня гідність — це, звичайно ж, оригінальність. Якщо вам потрібен шрифт, веб-безпечні шрифти його не підберуть.
Якщо у вас виникли проблеми з ухваленням рішення, скористайтеся цією корисною блок-схемою від Девіда Гілбертсона з Hackernoon (майте на увазі, що він використовує "системні шрифти" для позначення "веб-безпечні шрифти").
А як щодо індивідуальної естетики шрифту?
Але вибір між найкращими веб-шрифтами та найкращими веб-шрифтами — не єдине ваше рішення. Ви також повинні вирішити, який стиль типографіки підійде вашому бренду та функцій сайту. Різні шрифти краще підходять для довгих блоків тексту, ніж для заголовків, що привертають увагу, не кажучи вже про те, як вони впливають на сприйняття вашого бренду.
У цьому керівництві ми розбиваємо їх все на три категорії, засновані на естетиці шрифту: з зарубками, без зарубок і декоративні. Для тих, хто не знає, засічки - це ті маленькі мітки або "прапорці", які іноді з'являються на кінцях літер. Ми пояснимо рекомендоване використання кожного з них нижче, а також те, як вони відображаються на ідентичності вашого бренду.
Коли використовувати веб-шрифти із зарубками в веб-дизайні
Засічки мають довгу історію у друкарні. Але якщо ви шукаєте шрифти для веб-сайтів, все, що вам потрібно знати, це те, що засічки відносяться до «серйозної» сторони спектру. Це робить їх відмінними для професійних та офіційних брендів, але трохи суперечливими для доброзичливих та повсякденних брендів, якщо вони не налаштовані відповідним чином.
Чи шукаєте ви найкращий веб-шрифт або веб-шрифт, засічки найкраще підходять для брендів, які хочуть передати авторитет, вишуканість та клас. Вони мають класичну привабливість з історії, тому вони добре працюють з брендами, які існують протягом тривалого часу, або брендами, які хочуть так виглядати . Компроміс полягає в тому, що шрифти із засічками можуть сприйматися як серйозні, можливо, надмірно формальні, тому якщо ви використовуєте їх, вони повинні працювати з цінностями вашого бренду, щоб не відштовхнути цільову аудиторію.
Також варто відзначити, що шрифти із засічками зручні для читання, тому їх часто використовують для основного тексту, заголовків та підзаголовків. Це не означає, що шрифти без засічок погано читаються; вони чудово підходять для довгих блоків тексту. Але є причина, через яку висококласні видання, такі як The New York Times и Бостонський глобус, досі використовують веб-шрифти із засічками для своїх цифрових статей. І не випадково обидві ці газети схиляються до «формального» та «класичного» стилів брендингу, просуваючи при цьому довгий текст.
Розмір та стиль шрифтів також мають вирішальне значення. Великі та яскраві засічки зроблять ваш шрифт більш стилізованим, а в крайніх випадках більш яскравим та професійним. Так само дрібніші і крихітні засічки менш формальні — ідеально, якщо ви шукаєте золоту середину між «серйозним» і «кумедним».
Кращі веб-шрифти із зарубками:
Кращі веб-шрифти із зарубками:
Коли використовувати без зарубок веб-шрифти?
Шрифти без засічок — повна протилежність шрифтам із засічками як формою, так і тим, як вони сприймаються глядачем. В цьому випадку без буквально означає "без засічок", тому всі шрифти без засічок - це шрифти без засічок.
Як ви розумієте, шрифти без засічок більш прості та безтурботні. Вони не виглядають так, як шрифти із засічками. Sans serifs – це шрифти для дружньої бесіди та неформальних повідомлень, що нагадують простий почерк. Вони розроблені для швидкості та простоти, можливо, за рахунок пристойності.
Шрифти без засічок найкраще підходять для веб-сайтів, які хочуть показати своїм відвідувачам: Ми такі ж, як ви. Вони невимушені та невимушені, ідеально підходять для навчальних матеріалів, цифрових публікацій чи блогів. Якщо ви багато жартуєте або використовуєте смайлики у своїх статтях, шрифт без засічок теоретично підійде найкраще.
З цієї ж причини веб-шрифти без засічок є кращим вибором для неформального та додаткового тексту: підписів до зображень, публікацій у соціальних мережах, підписи, заяви про відмову від відповідальності та веб-реклами. Шрифти без засічок краще працюють у тексті, коли читання виконується швидко та без терміновості, тому важливо розуміти, як ваша цільова аудиторія споживає тип контенту, який ви хочете створити, перш ніж вибирати, чи може це бути найкращим веб-шрифтом (або безпечним для Інтернету). font) для вас.
Найкращі веб - шрифти без засічок:
Кращі веб-шрифти без зарубок:
Коли використовувати декоративні веб-шрифти.
Нарешті, ми маємо декоративні шрифти, які можуть бути шрифтами із засічками або без засічок. Вони також можуть бути кращим веб-шрифтом або безпечним шрифтом для ваших заголовків і заголовків. Декоративні гарнітури мають багатий дизайн; вони повинні бути художніми або стилістичними, з великим упором на те, як вони виглядають, ніж те, що вони говорять. Хоча більшість типографіки призначена для функціональності, ці шрифти призначені для видовища.
Декоративні шрифти найкраще підходять для виділення та акценту, наприклад заголовків, виділених цитат або заголовків статей. Вони вишенька на торті, тому використовуйте їх економно і для драматичного ефекту. Вони додають індивідуальності, гумору та креативності, тільки не перестарайтеся. Думайте про це як додавання солі в готування і уникайте придушення смаку аудиторії. Це означає, що вони не працюватимуть для довгих блоків тексту або підписів до зображень. Ні для контактної інформації вашого бренду, ні для тексту у нижньому колонтитулі.
Оскільки декоративні веб-шрифти підходять для всіх стилів та індивідуальностей, вони можуть відмінно працювати у поєднанні з більш простими шрифтами із засічками або без засічок. Але ніколи не жертвуйте зручністю читання заради зовнішнього вигляду. Декоративні шрифти — це лише розвага, доки читач не зможе зрозуміти, що вони мають сказати.
Як правильно вибрати шрифт логотипу?
Кращі декоративні веб- шрифти:
Шрифт Bradley Hand
Або ви можете просто використовувати Comic Sans
Вибір веб-шрифту для вашого сайту є важливим рішенням, яке впливає як на те, як відвідувачі використовують ваш сайт, так і на те, як вони сприймають ваш бренд. Щоб бути унікальним і завоювати авторитет у своєму веб-дизайні, часто потрібно знайти найкращий веб-шрифт, а не найкращий веб-шрифт. Застосування правильного шрифту в правильних місцях впливає на те, які елементи будуть видні в першу чергу, а при стратегічному використанні збільшити конверсію, час перебування на сайті та багато інших бізнес-цілей.
Якщо це рішення здається надто складним, ви завжди можете просто використовувати Comic Sans. Зрештою, яка вам користь від смертних, якщо ви можете ходити серед богів?
Залишити коментар