15 найкращих безпечних веб-шрифтів


Кращі веб-безпечні шрифти


90% * дизайну веб-сайтів зводиться до:

  • (1) графічні активи, які ви використовуєте 
  • (2) вибрані шрифти.
    (* Це наша особиста абсолютно гіпотетична, упереджена оцінка.)

Служби вбудовування шрифтів (наприклад, веб-шрифти Google або Adobe Fonts) виникла як альтернатива, надаючи вашим дизайнам щось нове, свіже та несподіване.

Вони також надзвичайно прості у використанні.

Візьмемо для прикладу Google:

Виберіть будь-який подібний шрифт Відкрити Sans або Droid Serif або Лато. Створіть код і вставте у свій документ. І ви готові посилатися на це в CSS!

Це зайняло 60 секунд. І це було абсолютно безкоштовно. (Дякую, Google!)

Що може піти не так, правильно?

Не кожен матиме доступ до того самого шрифту. Що означає, що у вас виникнуть проблеми. Цей прекрасний шрифт, який ви тільки що вибрали, відобразиться як щось випадкове для ваших відвідувачів.

Не, якщо ви створюєте резервну копію за допомогою безпечної для Інтернету альтернативи!

Ось як це працює.

P.S. Нещодавно ми видали безкоштовну, покрокове керівництво про те, як створити веб-сайт за допомогою WordPress.

Чому “безпечний веб-сайт” має значення?

Кожен пристрій має свій попередньо встановлений вибір шрифту. Вибір ґрунтується значною мірою на його операційній системі.

Проблема полягає в тому, що кожна система дещо відрізняється.

Пристрої на базі Windows можуть мати одну групу. Макрософт тягне з іншого. Власна система Android також використовується Google.

Тепер підтягніть веб-сайт. Навіть цей би спрацював. Шрифт, який ви бачите, може бути не оригінальним.

Значення. Скажімо, дизайнер вибрав деяку неясну, платну сімейство шрифтів для дизайну цього сайту. Якщо у вас вже не встановлено цей шрифт, і він не витягується з веб-сайту, шрифт розумієш за замовчуванням повернеться до базових варіацій, таких як Times New Roman.

Ви, як відвідувач, не обов’язково знали б, що саме так і сталося. Для вас це може виглядати просто потворно.

“Веб-безпечні”, відображаються в усіх операційних системах. Це невелика колекція шрифтів, які перетинаються з Windows на Mac на Google (навіть Unix чи Linux).

Вони дають дизайнерам (та власникам веб-сайтів) можливість визначати, до яких шрифтів повернутися до при необхідності. Таким чином, ви можете контролювати, що відображається (незалежно від того, що) на всіх пристроях. І ви можете вибрати щось, що все ще є свого роду близький до оригінального шрифту (так що те, що ваші користувачі не побачили б щось випадкове чи не місце).

Це план B, версія “про всяк випадок”. Аварійна система для врятування світу від поганого вибору шрифту.

Зрозумів? Добре! Давайте подивимося на найпопулярніші веб-безпечні шрифти на вибір.

15 найкращих безпечних веб-шрифтів


Може бути ще кілька.

Але це найкращі 15 безпечних веб-шрифтів на вибір. Виберіть одне із них, і ви не можете помилитися.

1. Аріал

Веб-безпечний шрифт - Arial

Arial – це як де факто стандарт для більшості.

Це один із найпоширеніших шрифтів без засічок (це означає, що в кінці кожної літери немає маленьких завитків). Його часто замінюють на пристроях Windows на інші цікаві (читайте: красивіші) варіанти вибору шрифту.

2. Робото

Веб-безпечний шрифт - Roboto

Roboto – це шрифт sans-serif, який Google розробив для їх системного шрифту для Android.

3. Times New Roman

Веб-безпечний шрифт - Times New Roman

Times New Roman – це зафіксувати те, що Arial – це те, що не означає.

Це одне з найпопулярніших на пристроях Windows і є новою варіантом старого шрифту Times.

4. Часи

Веб-безпечний шрифт - Times

Шрифт Times, ймовірно, виглядає знайомим. Це стара друкована газета, яку ви звикли бачити невеликими розмірами у вузьких колонках. Це приблизно так само традиційно, як це стає.

5. Кур’єр Новий

Веб-безпечний шрифт - Courier New

Courier New, подібний до Times Times Roman, є варіацією ще однієї старої класики. Він також вважається односхилий шрифт (на відміну від serif vs. sans serif, який ми щойно бачили).

6. Кур’єр

Веб-безпечний шрифт - кур'єр

Courier – це старий резервний режим для одночасної роботи, доступний майже на всіх пристроях та операційних системах.

7. Вердана

Веб-безпечний шрифт - Verdana

Verdana – справжній веб-шрифт, оскільки (1) прості рядки без sans і (2) це дуже великий розмір Листи майже витягнуті, що дозволяє легко читати в Інтернеті.

8. Грузія

Веб-безпечний шрифт - Georgia

Грузія за розміром та ростом схожа на Вердану (з більшими за звичайні букви порівняно із шрифтами одного розміру). Тож, хоча для певних обставин це чудово, переконайтеся, що уникнути сполучення цього шрифту серифів з іншими (наприклад, Times New Roman), які можуть виглядати непомітними порівняно.

9. Палатино

Веб-безпечний шрифт - Palatino

Палатино датується епохою Відродження. Серйозно! Це ще один великий шрифт, який робить його ідеальним для Інтернету, традиційно використовується для заголовків та оголошень у стилі друку.

10. Гарамонд

Веб-безпечний шрифт - Garamond

Garamond – це ще один старошкільний шрифт, який датується стилями, які використовувались Париж 16 століття. Ця нова та вдосконалена версія була представлена ​​та постачається на більшості пристроїв Windows (і з тих пір її прийняли інші).

11. Букменер

Веб-безпечний шрифт - Bookman

Bookman (або Oldman Bookman Old Style) – це ще один ідеальний варіант заголовка, який зберігає розбірливість (чи читаність), навіть якщо використовується в невеликих розмірах.

12. Comic Sans MS

Веб-безпечний шрифт - Comic Sans MS

Comic Sans MS – грайлива, примхлива альтернатива іншим варіантам без засічок.

Це теж щось нерозумно. Не використовуйте його! ��

13. Кандара

Веб-безпечний шрифт - Candara

Candara – це шрифтовий формат sans-serif за замовленням Microsoft. Це частина колекції шрифтів ClearType, яка була випущена разом із Windows Vista.

14. Аріал Блек

Веб-безпечний шрифт - Arial Black

Arial Black – більша, сміливіша, гірша версія вашого базового Arial. Досить смішно, він також ділиться пропорціями з Helvetica. Чому це важливо? Щоб вони могли спочатку використовуйте його для заміни Helvetica та друку речей без оплати ліцензії.

15. Вплив

Веб-безпечний шрифт - вплив

Impact – ще один сміливий вибір заголовка, який чудово виглядає в декількох коротких словах і абсолютно жахливий у реченні або довше.

Висновок

Веб-безпечні шрифти дають план B. Резервний варіант, коли ваша перша опція може не працювати.

Вони широко доступні та доступні на більшості пристроїв десятиліттями (в деяких випадках).

Поки ні всі з них #winners (Comic Sans MS? Yuck!), достатньо вибрати, які повинні бути тісно пов’язані з оригінальним варіантом.

Що відбувається, коли ні? Ви не можете помилитися з Arial!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map