10 лучших шрифтов для вашего сайта 2020 года — Дизайн на vc.ru
При разработке веб сайта каждых дизайнер сталкивается с задачей найти красивый шрифт для сайта. И наверняка вы знаете как сложно найти красивый и подходящий шрифт, к тому же, чтобы он еще и хорошо вписывался в стилистику сайта и я сам постоянно сталкиваюсь с такой проблемой. Поэтому, я собрал свою подборку лучших бесплатных шрифтов 2020 года для сайта.
105 459 просмотров
Это будет 5 шрифтов для заголовков и 5 шрифтов для основного текста, которые круто сочетаются между собой. А самое главное — они все бесплатные!
1. Playfair Display
Со времен просвещения в конце 18-го века широкие перья были заменены острыми стальными ручками. Это повлияло на типографские буквы, становясь все более оторванными от письменных. Разработки в области технологий печати, чернил и изготовления бумаги позволили печатать буквы с высокой контрастностью и тонкими линиями. Проект Playfair возглавляет Клаус Эггерс Соренсен, дизайнер шрифтов из Амстердама, Нидерланды.
2. Bebas Neue
Bebas Neue свободный sans serif, создан Ryoichi Tsunekawa. Но теперь Bebas пополнился четырьмя новыми весами — Thin, Light, Book, и Regular, добавленных. Шрифт отлично подойдет для заголовков, навигации на сайте, рекламных постеров и многого другого.
3. Druk Wide
Семейство Druk Wide было создано в 2013 году специально для нового дизайна «Etc.» ― раздела о стиле и культуре в Bloomberg Businessweek. Оно прежде всего отдаёт дань уважения нидерландским дизайнерам первой половины XX века, активно использовавшим широкие, насыщенные гротески для привнесения в работы строгой шрифтовой иерархии (например, в каталогах Городского музея Амстердама, выполненных Виллемом Сандбергом).
4. Cinzel
Cinzel — это шрифт, вдохновленный римскими надписями первого века и основанный на классических пропорциях. Однако это не просто возрождение, в то время как это передает всю древнюю историю латинского алфавита, он также объединяет современное искусство.
5. Gilroy
Гилрой — это современный шрифт без засечек с геометрическим прикосновением. Семейство шрифтов Qanelas.
Разработан с мощными функциями opentype. Каждый вес включает расширенную языковую поддержку (+ кириллицу), фракции, табличные фигуры, стрелки, лигатуры и многое другое. Идеально подходит для графического дизайна. Он может легко работать для веб-сайтов, вывесок, корпоративных, а также для редакционного дизайна.
6. Montserrat
Старые плакаты и вывески в традиционном районе Монтсеррат в Буэнос-Айресе вдохновили Джульетту Улановскую на разработку этого шрифта и спасение красоты городской типографии, появившейся в первой половине двадцатого века. Письма, которые вдохновили этот проект, имеют работу, преданность делу, заботу, цвет, контраст, свет и жизнь, день и ночь! Проект Монтсеррат начался с идеи спасти то, что находится на Монтсеррате.
7. Proxima Nova
Семейство Proxima Nova — это полная переработка Proxima Sans (1994). Исходные шесть шрифтов (три веса с курсивом) были расширены до 48 полнофункциональных шрифтов OpenType. Существуют три ширины: Proxima Nova, Proxima Nova Condensed и Proxima Nova Extra Condensed. Каждая ширина состоит из 16 шрифтов — семь весов с соответствующими курсивом.
Стилистически, Proxima Nova преодолевает разрыв между шрифтами, такими как Futura и классическими без засечек. В результате получается гибрид, сочетающий гуманистические пропорции с несколько геометрическим внешним видом.
8. PT Sans
PT Sans — это семейство типов универсального применения. Он состоит из 8 стилей: обычный и жирный шрифт с соответствующим курсивом образует стандартное семейство компьютерных шрифтов. Дизайн сочетает в себе традиционный консервативный внешний вид с современными тенденциями гуманистического без засечек и характеризуется повышенной читаемостью. Эти функции помимо обычного использования в бизнес-приложениях и печатных материалах сделали шрифты весьма полезными для указателей, схем, экранов информационных киосков и других объектов городских визуальных коммуникаций. Дизайн шрифта разработан Александром Корольковым.
9. Work Sans
Work Sans — это семейство шрифтов, основанное на ранних гротесках, таких как Стивенсон Блейк, Миллер и Ричард и Бауэршен Гиссерей. Обычный вес и другие члены семейства оптимизированы для использования текста на экране при средних размерах (14–48 пикселей), а также могут использоваться при печати. Шрифты, приближенные к экстремальным весам, предназначены для использования как в Интернете, так и в печати. В целом, функции упрощены и оптимизированы для разрешения экрана.
10. Lato
Lato — это семейство шрифтов без засечек, созданное летом 2010 года варшавским дизайнером Лукашом Дзедзичем («Лато» по-польски означает «лето»). В декабре 2010 года семья Лато была опубликована по лицензии Open Font его литейным TyPoland при поддержке Google.
За последние десять или около того лет, в течение которых Лукаш занимался проектированием шрифтов, большинство его проектов были основаны на конкретной задаче проектирования, которую он должен был решить. С Лато все было по-другому. Первоначально семья была задумана как набор корпоративных шрифтов для крупного клиента, который в итоге решил пойти по другому стилистическому направлению, поэтому семья стала доступной для публичного выпуска.
Это далеко не весь список шрифтов, если вам понравилась эта статья, то делитесь ею с друзьями и подписывайтесь на блог.
Лучшие Шрифты Для Логотипов: 44 Варианта. Блог Zyro
Хорошему логотипу нужны три вещи: изображение, название бренда и слоган.
Поскольку две из этих вещей требуют текста, довольно очевидно, что если компания хочет создать хороший логотип, то в первую очередь лучше позаботиться о хорошем шрифте.
Шрифты для логотипов бывают всех форм и размеров, и тот, который выбирает ваша компания, может оказать огромное влияние на поведение клиентов и на то, как они воспринимают ваш бренд.
Не знаете как выбрать шрифт для логотипа?
Чтобы помочь вам добиться идеального логотипа, мы вышли за пределы первой десятки и выбрали 44 лучших шрифта для логотипов, которые гарантированно улучшат брендинг вашей компании.
44 лучших шрифтов для логотипов
Невозможно выбрать только один шрифт, который лучше всего подходит для логотипа бренда.
Существует так много шрифтов для логотипов, почти столько же, сколько существует видов бизнеса, и каждый из них хочет сказать своим клиентам что-то своё.
Лучшие шрифты для логотипов — это те, которые отражают фирменный стиль компании, которую представляет логотип.
Вот почему невозможно сравнивать профессиональные шрифты с минималистичными шрифтами, а современные с классическими и бизнес-шрифтами.
1. Baltica
Дизайн шрифта с засечками, который имеет простые и читаемые буквы — это две важные характеристики логотипа.
Прежде чем мы продолжим, важно знать, что шрифты с засечками — это шрифты, в которых буквы имеют маленький линии, что сходят с краев, как в примере выше.
Тонкие и прямые засечки отличают Baltica от других членов семейства шрифтов с засечками. В результате дизайн Baltica выглядит традиционным с немного современными нотками.
Совет 💁 – Бренд, ищущий классический, но современный дизайн логотипа, может использовать этот шрифт.
Помимо обычного дизайна, Baltica также имеет очень сжатый жирный шрифт. Slab serif отлично подходит для тех, кто хочет произвести более сильное впечатление.
2. Steak
Steak относится к семейству скриптовых шрифтов и идеально подходит, если вы хотите, чтобы дизайн шрифта вашего логотипа казался модным, но игривым.
В элитных ресторанах или службах специальных мероприятий можно рассмотреть возможность использования скриптового шрифта, такого как Steak для их брендинга.
Этот курсивный шрифт имеет первоклассный вид. Между тем, длинные закрученные хвосты добавляют индивидуальности шрифту.
Хотя шрифт выглядит декоративным, каждая буква читабельна. Однако, если вы решите использовать этот шрифт для логотипов, не забудьте проверить, как дизайн выглядит на небольших дисплеях.
Шрифт доступен в трёх стилях: barbecue, braised и smoked.
3.
FuturaКто не узнает Футуру? Это семейство шрифтов снова и снова используется брендами с известными логотипами, такими как Best Buy, Calvin Klein, Domino’s Pizza, и является основным в любом респектабельном списке топ-10.
Понятно почему. Futura бывает разных стилей: от легкого, жирного и тяжелого до наклонного и сжатого. Разнообразие позволяет любому бизнесу воспользоваться преимуществами этого универсального шрифта.
Благодаря геометрической форме букв, дизайн Futura выглядит простым, чистым и современным. Поскольку все буквы имеют одинаковую толщину, шрифт легко читается на любом экране.
Тем не менее, есть кое-что, чего вы можете не знать о Futura. Futura является частью семейства шрифтов Akzidenz-Grotesk. Это ещё один шрифт без засечек, и этот стиль шрифта использовался специально для целей коммерческого дизайна.
Futura и Akzidenz-Grotesk являются примером того, как ранние графические дизайнеры переключились на создание шрифта специально для использования в дизайне логотипов.
Неудивительно, что этот шрифт очень популярен в современном брендинге логотипов.
Таким образом, вам понадобится проявить творческий подход к дизайну логотипа, если вы хотите его использовать.
В противном случае дизайн вашего логотипа может оказаться дешевым копированием любого количества логотипов, которые существуют уже полвека.
4. Frutiger
Frutiger — ещё один отличный шрифт без засечек. Первоначально предназначенный для знаков в аэропортах, он разработан для максимальной читаемости на любом дисплее.
Именно эта ясность дизайна делает его одним из лучших шрифтов для логотипов.
Как и большинство современных шрифтов, Frutiger хорошо адаптируется к большим и маленьким экранам. Как и Futura, его чистая и простая форма делает шрифт гибким для использования в дизайне бизнес-логотипов.
Семейство шрифтов также представлено в нескольких стилях, от самого легкого до самого жирного.
Шрифт Frutiger, который вы видите сегодня, на самом деле является обновлением классического шрифта от Адриана Фрутигера, он был переработан Акирой Кобаяши, японским дизайнером, стоящим за Monotype, и вы можете найти его на многих известных брендах, включая Ericsson и RadioShack.
5. Garamond
Garamond — популярный шрифт, воссозданный в различных стилях. Некоторыми популярными вариантами, используемыми сегодня, являются Adobe Garamond и EB Garamond.
Как и все шрифты Adobe, Adobe Garamond является шрифтом OpenType. Возможности OpenType включают кроссплатформенную функциональность. В наши дни шрифты OpenType наиболее известны как бесплатные шрифты для коммерческого использования, что делает Garamond одним из самых популярных шрифтов для дизайнеров.
Заключенные в квадратные скобки или изогнутые засечки являются основной характеристикой шрифта. У него также есть небольшие вариации обводки, которые придают динамическую форму шрифту.
Garamond — отличный выбор для тех, кто хочет, чтобы их логотип выглядел вневременным и изысканным, например, предприятиям, которые балуются модой или ювелирные украшения.
6. Baskerville
Если вам нужна альтернатива Garamond, подумайте о Baskerville. Форма имеет похожую элегантную индивидуальность, но у этого шрифта есть некоторые характеристики, которые делают его отличительным.
Например, некоторые буквы в шрифте имеют немного более острые края. И, в отличие от Garamond, шрифты с засечками скорее переходные, чем старые.
Благодаря своему стильному внешнему виду, Baskerville может быть превосходным шрифтом для логотипов люксовых брендов, таких как Kate Spade.
7. Helvetica
Helvetica — один из самых узнаваемых шрифтов без засечек на рынке. Его использовали многие известные бренды, включая логотипы таких компаний, как Panasonic и Target, он также популярен в веб-дизайне.
Скорее всего, вы найдёте Helvetica в любом списке из 10 лучшие шрифты для логотипа или 10 лучших дизайнов, вот так вот.
Его популярность привела к появлению множества риффов в оригинальном стиле, таких как дополнительный черный дисплей.
Helvetica бывает нескольких стилей, в том числе закругленной формы, которая использовалась в прежнем минималистичном дизайне логотипа Skype.
В зависимости от дизайна вашего логотипа шрифт может выглядеть как классическим, так и новым или жирный и минималистичный.
Однако из-за его широкого использования он также часто рассматривается как безопасный вариант. Обязательно придумайте инновационный дизайн логотипа, если хотите, чтобы он затмил конкурентов.
8. Teko
Далее у нас есть Теko. Как и большинство шрифтов без засечек, форма Teko проста и удобна для чтения. Тем не менее, у него есть некоторые отличительные моменты.
Шрифт имеет высокую прямоугольную форму буквы и узкий интервал. Штрихи веские и однородные, что отлично подходит, если вы хотите ярко заявить о себе.
Благодаря своей квадратной форме Teko также можно использовать для создания гладкой и футуристической формы. Это делает его идеальным шрифтом для брендов в сфере технологий, автомобилестроения или архитектуры.
9. Expletus Sans
Нужен яркий шрифт для вашего бренда? Рассмотрим Expletus Sans. Это один из самых современных шрифтов в списке, и это отличный выбор для дальновидных компаний, которые хотят иметь нетрадиционный дизайн логотипа.
Отдельные подписи Expletus Sans добавляют динамизма шрифту.
Пробелы можно подчеркнуть, если использовать логотип с цветным фоном.
Несмотря на необычный стиль, формы букв просты и читаемы на любой логотип или дисплей.
10. BenchNine
Если вы предпочитаете более светлый шрифт, попробуйте BenchNine. Тонкие штрихи и слегка закругленные формы придают этому классному шрифту дух юности, который может принести пользу новым стартапам.
BenchNine отличается высокой формой и небольшим интервалом между буквами. Вы можете выбрать один из трех стилей: светлый, обычный и полужирный.
Уникальная особенность BenchNine — тонкие концы строчных букв, таких как «n», «a» и «u» Этот атрибут добавляет незначительную вариацию к шрифту без засечек.
Получите больше вдохновения:
- How to Make a Photography Logo: An Essential Guide
- 7 Tech Logo Trends and How They Impact Your Online Business
- What Makes a Good Logo?
- Как создать логотип, который мир заметит?
11. Trajan
Trajan известен как шрифт для постеров фильмов, но он всё ещё переводится на другие носители. Он состоит только из заглавных букв, что хорошо для создания сильного и эффектного дизайна логотипа.
Шрифт, вдохновлённый древнеримскими буквами, обычно используется для обозначения ценностей традиций и истории.
Вы можете найти Trajan на логотипах многих учебных заведений, в том числе Колумбийского университета.
В других случаях этот шрифт с засечками также может создавать впечатление роскоши и класса, о чём свидетельствует его использование модным брендом Victoria’s Secret.
Между каждой буквой есть заметный интервал, который обеспечивает читаемость текста вашего логотипа.
12. Bodoni
Bodoni — это шрифт с засечками с острым оттенком. Шрифт имеет как жирные, так и легкие штрихи, а различный вес между ними создает драматический эффект.
Благодаря многослойным засечкам шрифт выглядит более современным по сравнению с Garamond и Baskerville. Его часто используют в модном бизнесе.
13. Akura Popo
Нужен смелый, необычный шрифт для логотипа? Обратите внимание на Akura Popo.
Это высокий сокращенный шрифт с засечками, который содержит только прописные буквы. Обладая заостренными краями, это идеальный шрифт для тех, кто хочет иметь привлекательный дизайн логотипа.
Хотя этот шрифт можно использовать для любого креативного бренда, дизайнер рекомендует использовать этот шрифт спортивными компаниями.
14. Didot
Как и у Bodoni, у Didot высокий контраст между толстым и тонким штрихом, который добавляет размер шрифту.
Однако форма буквы немного более растянута и изогнута. Это придает шрифту более классический вид. И относит его в список: “лушие шрифты для логотипов”.
Didot также чаще всего ассоциируется с брендами одежды высокого класса и журналами о стиле жизни, такими как Giorgio Armani и Harper’s Bazaar.
15. Univers
Univers является альтернативой Helvetica.
Этот простой шрифт без засечек доступен в различных стилях и толщине, поэтому он подходит для различных форматов логотипов. Равномерные штрихи каждой буквы обеспечивают отличную читаемость.
Вот только некоторые известные бренды, которые используют Univers, — это eBay и Western Union.
16. FF Din
FF Din — это шрифт, созданный немецким дизайнером Альбертом Яном Пулом. Это современный шрифт, разработанный только в 1995 году как обновление классического немецкого шрифта DIN 1451.
Примечание редактора 📝 FF Din — один из самых важных шрифтов в Германии. Его чёткость и лёгкость чтения любого размера — большого или маленького — означают, что он используется почти для каждого уличного знака, вокзала и автомагистрали в Германии. Это так называемый дизайн экранных шрифтов, так как он должен быть легко понятным при большом размере.
Хотя этот шрифт без засечек может показаться немного административным для дизайна логотипа, примите во внимание тот факт, что этот шрифт передает авторитетность и надежность, что сделало его популярным шрифтом для логотипов таких авиакомпаний, как Jetblue.
17. TT Norms Pro
TT Norms Pro — это современный геометрический шрифт без засечек из семейства шрифтов TT Norms.
Этот шрифт считается универсальным шрифтом без засечек. Это означает, что он одинаково хорошо подходит как для дизайна логотипов, так и для графического дизайна.
Он популярен среди брендов, которым нужен дизайн логотипа, предполагающий открытость и доверие, и который будет хорошо работать в качестве шрифта логотипа для исследовательской компании.
18. Avenir Next
Еще одно дизайнерское сотрудничество между немецким дизайнером Адрианом Фрутигером и японским дизайнером Акирой Кобаяши. Следующий Avenir — это геометрический шрифт без засечек, который вы, вероятно, узнаете от Apple, поскольку с 2012 года он является общесистемным шрифтом на всех устройствах Apple.
Получив своё название от французского слова “будущее”, дизайн Avenir Next основан на геометрических формах, которые делают шрифт очень легким для понимания.
Его утилита породила ряд вариаций, таких как Avenir Next Pro.
19. Proxima Nova
Proxima Nova — это переработка популярного шрифтового дизайна Proxima Sans. Его дизайн представляет собой гибрид, в котором современные пропорции сочетаются с геометрическим внешним видом.
Это один из самых популярных шрифтов без засечек в мире, особенно популярный на сайтах.
Это шрифт, который особенно хорошо подходит для маленьких экранов, и поэтому Proxima Nova часто используется в логотипах интернет-брендов.
Proxima Nova широко считается одним из лучших современных дизайнов шрифтов для логотипов благодаря своей простоте и ясности и регулярно используется для передачи информации новостными агентствами, такими как CNET, The Atlantic, или даже встроенным новостным приложением Apple.
20. Big Caslon
Если вам нравятся большие и жирные буквы и вы ищете шрифт, который будет хорошо смотреться в дизайне логотипа, требующем большого шрифта, вам следует подумать о Big Caslon.
Big Caslon — возрождение шрифта Caslon, и это один из немногих шрифтов с засечками отображаемого размера в этом списке.
Этот шрифт лучше всего использовать вместе с простым логотипом, так как он имеет большой размер и полужирный дизайн шрифта может конфликтовать с более сложным логотипом.
21. Cera Pro
Cera Pro — это более смелый округлый дизайн, который является одним из самых известных шрифтов в семействе Cera.
Шрифты, такие как Cera, имеют запоминающийся дизайн из-за их уникальных толстых букв, которые имеют мягкое ощущение. Вот почему многие бренды считают его одним из лучших вариантов для своих логотипов.
Cera часто встречается на логотипах журналов, а также в заголовках шаблонов сайтов.
22. Rufina
Если вы ищете винтажный шрифт для логотипа, который по-прежнему выглядит свежо, Rufina может вам подойти.
Это один из шрифтов с засечками на основе трафарета, который творит чудеса в любом современном дизайне логотипа.
Разработанный в 2016 году, Rufina представляет собой замечательный дисплейный шрифт, сочетающий в себе стиль и индивидуальность.
23. Docu
Docu поможет вам, если вы ищете узкие, но современные шрифты без засечек.
Это семейство тонких шрифтов идеально подходит для веб-типографики, так как они различимы в различных размерах и работают практически на любом размере экрана.
Используйте Docu, если вам нужен уникальный шрифт логотипа, одновременно современный и минималистский.
24. Grenale Slab
Этот жирный шрифт логотипа предназначен для предприятий в таких областях, как садоводство, жилье и медицинские услуги.
Соедините его с геометрическими фигурами или выберите минималистский дизайн логотипа и позвольте шрифту говорить.
25. Canilari
Это футуристический шрифт с истинно постмодернистским оттенком.
Canilari был создан в 2016 году и выглядит одновременно креативным и традиционным — вы можете ясно видеть его признательность его типографским корням.
Это отличный выбор для любого современного логотипа и прекрасно подойдет для книжного магазина или продавца рыбы.
27. Building
Это одно из тех семейств шрифтов, которые производят впечатление.
Building имеет несколько геометрический вид и работает как потрясающий уникальный шрифт логотипа, который действительно привлекает внимание зрителя.
Building — отличный шрифт для логотипов брендов, работающих в сфере недвижимости, бизнеса и показывают его статусность.
28. Elegant Lux Pro3
Elegant Lux Pro — классический шрифт без засечек с ностальгической атмосферой.
Благодаря округлённым углам отдельных букв легко увидеть влияние геометрического шрифта начала 20 века в этом современном шрифте логотипа.
Это идеальный выбор для современных брендов.
29. Azedo
Вам нужен жирный шрифт без засечек для логотипа вашей компании, который также содержит много символов?
Azedo — идеальный шрифт для логотипа практически любого бизнеса или продукта: он прекрасно подходит для футболок, плакатов и, конечно же,— логотипов.
Благодаря смелому дизайну это один из тех стилей шрифта, который легко подобрать практически на любом расстоянии.
30. Revista
Этот шрифт логотипа обладает элегантностью, стилем и большим семейством, чтобы удовлетворить все ваши потребности в шрифтах.
Благодаря расширенным типографским функциям Revista является одним из шрифтов для логотипов, созданных для индустрии моды и стиля жизни.
31. Bismark
Вот универсальный шрифт логотипа с заглавными буквами, который подходит практически для любой отрасли.
Bismarck поставляется с 3-мя разными шрифтами, а это означает, что существует множество вариантов стилизации названия вашей компании и слогана.
Подобно Building, это один из тех шрифтов логотипа, которые вы хотите использовать для максимального воздействия и внимания.
32. Rich Ganbatte
Этот шрифт логотипа предназначен для брендов, которые хотят выглядеть элегантно и стильно.
Rich Ganbatte — это шрифт логотипа в стиле граффити, который добавляет индивидуальности вашему бренду.
Что касается жирных скриптовых шрифтов, Rich Ganbatte также имеет курсивную версию поверх обычного заглавного шрифта, что делает его идеальным шрифтом для модных и уличных брендов.
33. Cyber
Cyber — это ретрофутуристический шрифт логотипа, вдохновленный типографикой, с уникальными символами и буквами.
Это похоже на что-то из научно-фантастической вселенной, а что касается минимализма без засечек, Cyber делает отличный шрифт для технологических и бизнес-логотипов.
34. Southwave
Ищете непринужденный, но современный шрифт логотипа?
Southwave — это ваш вариант. Этот рукописный шрифт с засечками, вдохновленный каллиграфией, позволяет клиентам мгновенно перейти в праздничный режим, что делает его идеальным ввариантом основного шрифта для туристических агентств, курортов и пляжных ресторанов.
Смелый стиль шрифта логотипа, несомненно, придаст вашему бренду должный уровень уверенности, а также поможет ему оставаться доступным.
35. Toothless
Всё ещё ищете идеальный шрифт для логотипа?
Toothless олицетворяет всё городское, поэтому неудивительно, что он подходит компаниям, которые хотят заявить о себе с помощью своих шаблонов логотипов.
Поскольку этот шрифт содержит как прописные, так и строчные буквы, знаки препинания и цифры, ваш графический дизайнер обязательно поблагодарит вас за то, что вы выбрали этот шрифт.
36. Mountain
Mountain — это бесплатное семейство шрифтов, которое идеально подходит для абстрактных и минималистичных логотипов.
В отличие от многих шрифтов без засечек, написанных с большой буквы, Mountain легко читается под разными углами, расстояниями и на разных экранах, что делает его идеальной версией веб-шрифта для вашего бизнеса.
Mountain также позволяет создавать красивые логотипы с монограммами.
37. Matchstic
Ваш бизнес молодой, современный и веселый?
Если да, Matchstic может стать шрифтом вашей мечты.
Поскольку логотип, вдохновленный каллиграфией, призван привлечь к себе внимание, он идеально подходит для того, чтобы выделиться среди конкурентов и легко донести ценности вашего бренда.
38. Funkiess
Funkiess — отличный шрифт для логотипов брендов, которые хотят извлечь выгоду из фанка 70-х.
Что касается шрифтов для логотипов, Funkiess отлично подходит для больших дисплеев, а это значит, что вам будет доступна даже реклама на баннерах.
39. Fritz
Этот закругленный шрифт логотипа без засечек представлен в трех различных стилях, что означает, что вы можете использовать основной шрифт в своем логотипе, а остальное сохранить для плакатов, упаковки продуктов и других материалов для брендинга.
Fritz отлично подходит для больших дисплеев и отлично сочетается с яркими цветовыми палитрами, что делает его действительно универсальным минималистичным шрифтом для логотипа.
40. Quick Silver
Этот шрифт просто создан для использования в качестве шрифта логотипа современного бизнеса.
Рукописный шрифт Quick Silver определенно выделяется и имеет органичный вид.
Поскольку вы используете как прописные, так и строчные буквы, все цифры, а также дополнительные полосы и лигатуры, этот шрифт логотипа также подходит для других маркетинговых материалов.
41. Houstander
Нам нравится этот шрифт логотипа за отсутствие засечек и рукописное исполнение.
Семейство шрифтов Houstander включает в себя обычную версию с заглавными буквами, а также множество многоязычных символов и стилистических альтернатив, что делает его идеальным для транснациональных брендов или компаний, желающих запустить курс на новые рынки.
42. Inzomniac
Ваш брендинг основан на городской и шумной жизни?
Этот современный шрифт логотипа может идеально подойти для вашего бренда и превратить ваш логотип из посредственного в эффектный.
Поскольку Inzomniac является шрифтом, состоящим только из прописных букв, он особенно хорошо работает в качестве шрифта логотипа, одновременно передавая ценности, которые преследует ваш бизнес.
43. Elegant
Вот шрифт логотипа, который, как вы уже догадались, отличается изысканностью и элегантностью.
Elegant — это шрифт с прописными буквами, созданный для индустрии моды.
Этот шрифт гарантирует, что ваш логотип будет выглядеть стильно и изысканно в любом контексте.
44. Double Line
Нам нравится этот шрифт с монограммой за его индустриальный и отчасти киберпанковский вид.
Поскольку многие современные бренды предпочитают простые логотипы с монограммой, Double Line упрощает процесс разработки.
А поскольку этот шрифт поддается более детальному брендингу (подумайте о визитных карточках отдельных работодателей), если вы ищете шрифт для логотипа, который воплощает в себе всё современное, Double Line вам поможет.
Как выбрать шрифт для логотипа, которым останетесь довольны
Поскольку дизайн логотипа работает в первую очередь как визуальное представление бренда, шрифт, который вы используете, играет важную роль в том, как клиенты воспринимают ваш бизнес. Несмотря на то, что существуют бесплатные шрифты, поиск подходящего шрифта для вашего логотипа часто требует графического дизайна.
Чтобы выбрать правильный фрифт, убедитесь, что он:
- Соответствует идентичности вашего бренда. Логотипы должны отражать стиль, формальность и характер вашей компании. Это проблема номер один при создании дизайна эффективных логотипов.
- Привлекает внимание. Шрифт логотипа должен повысить узнаваемость бренда и выделять его среди конкурентов.
- Всегда актуален. Старайтесь избегать логотипов, в которых используются модные шрифты. Тенденции меняются, но дизайн вашего логотипа должен их пережить. Как только тенденция пройдет, ваши логотипы будут выглядеть устаревшими.
- Разборчивый и простой. Читаемость является ключевым фактором для всех логотипов. Дизайн вашего логотипа должен четко отображаться при любом размере и быть простым для понимания, находится ли он на значке или на рекламном щите.
Для тех, кто не разбирается в дизайне, создание идеального логотипа может оказаться непосильной задачей, поскольку необходимо учитывать так много элементов.
Совет 💁. Тем не менее, сам логотип не должен быть сложным. Создание логотипа может стать намного проще с конструктором логотипов Zyro.
Всё, что вам нужно сделать, это ввести название своей компании, выбрать символ, который подходит вашему бренду, и выбрать один из четырех вариантов макета для созданный логотип.
Инструмент позволяет изменять цвет и шрифт текста, размер, стиль логотипа. Вы также можете использовать настройки преобразования, чтобы изменить положение логотипа.
После завершения настройки нажмите кнопку “Загрузить”, и ваш логотип будет готов к работе. Вы можете разместить логотип на своем бизнес-сайте, что можно сделать с помощью нашего бесплатного конструктора.
Является ли шрифт без засечек самым приятным для глаз? 👀
Чтобы выбрать правильный шрифт для логотипа, вам нужно посмотреть на его высоту по оси X. Высота X — это одна из тех пропорций шрифта, которые позволяют многое узнать об эстетическом качестве шрифта.
Это мера баланса шрифта, и это малоизвестный секрет для создания логотипов с привлекательными шрифтами.
В целом, однако, Helvetica считается лучшим шрифтом из когда-либо созданных. Его дизайн практически идеален, и среди шрифтов без засечек у него очень мало конкурентов, хотя в его семейство шрифтов входят другие претенденты, такие как Futura и Avenir Next.
Многие из лучших мировых логотипов используют Helvetica в тексте слогана. Шрифт стал настолько популярным, что люди стали носить футболки с самим шрифтом в качестве логотипа.
Какие шрифты логотипов должны использовать бренды? 💼
Согласно общепринятому мнению, лучший выбор шрифта для современных логотипов брендов — это что-нибудь минималистичное, простое и без засечек.
Однако это применимо только в том случае, если ваш бренд ориентирован на современные, гладкие линии.
Каким бы ни был ваш бренд, ключ к поиску правильного шрифта для вашего логотипа — это понимание вашего фирменного стиля.
После этого просто убедитесь, что шрифт вашего логотипа выбор соответствует каждому аспекту вашего логотипа, и всё будет хорошо.
Стройте, брендируйте и развивайте
свой бизнес вместе с Zyro
80 Beautiful Professional Fonts — Smashing Magazine
- 4 минуты чтения
- Загрузки, халява, Типография, Шрифты, Дизайн
- Поделиться в Twitter, LinkedIn
Об авторе
Виталий Фридман любит красивый контент и не любит легко сдаваться. Когда он не пишет, он, скорее всего, занимается интерфейсом и UX… Больше о Виталий ↬
Время от времени дизайнеры сталкиваются с одной и той же проблемой: выбор уникального и красивого шрифта, который выполняет три основные задачи. Поддерживайте фирменный стиль, обогащайте внешний вид и совместим с общим дизайном. Однако обычно существует слишком много вариантов, которые вы можете рассмотреть, поэтому вам нужно время, чтобы найти вариант, который вам наиболее удобен. Хотя выбор обычно зависит от требований клиентов, необходимо иметь несколько хороших отправных точек для выбора вашего шрифта.Время от времени дизайнеры сталкиваются с одной и той же проблемой: выбор уникального и красивого шрифта , которому удается выполнить три основные задачи. Поддерживайте фирменный стиль, обогащайте внешний вид и совместим с общим дизайном. Однако обычно существует слишком много вариантов, которые вы можете рассмотреть, поэтому вам нужно время, чтобы найти вариант, который вам наиболее удобен. Хотя выбор обычно зависит от требований клиентов, необходимо иметь несколько хороших отправных точек для вашего решения шрифта.
Итак, какие шрифты «пуленепробиваемые»? Какие шрифты можно эффективно использовать почти в каждом корпоративном дизайне? А какие есть варианты уникальных, но при этом невероятно красивых шрифтов?
У нас есть ответы. За последние несколько дней мы просмотрели десятки шрифтовых мастерских, прочитали десятки статей дизайнеров о типографике, проанализировали рейтинги шрифтов и посетили закладки, связанные с предложениями шрифтов. Так что в этом посте есть все. Ну ладно, по крайней мере многие из них.
Дальнейшая литература на SmashingMag:
- Путь к тому, чтобы стать профессиональным веб-дизайнером-фрилансером
- Как стать лучшим профессионалом в области WordPress
- Руководство веб-дизайнера по работе в профессиональных сетях
- 60 блестящих шрифтов для корпоративного дизайна
- 6
Еще
- Прыгать! Продолжить чтение можно ниже ↓
Давайте взглянем на из более чем 80 великолепных шрифтов для профессионального дизайна, основанных на предложениях дизайнеров и веб-разработчиков со всего мира . Большинство скриншотов взяты из литейных цехов и предоставлены образцы, особенно на Veer. com и Fontshop.com.
Классические шрифты
Краткий обзор классики типографики. На сайте 100 Best Fonts вы найдете еще больше традиционных шрифтов, включая историю, развитие и сопутствующую информацию.
1. Helvetica
2. Helvetica Neue
3. Univers
4. Frutiger
5. Avenir
6. Myriad Pro
7. Neuzeit
8. Синтаксис
9. Proxima nova
10. Proxima Sans
11. Глазго
12. Шарлотта Санс
13. ПРЕДВАРИТЕЛЬНАЯ САНС
14. GILL SANS
777777777777777777777777777777777777777777777777777777777777777777777.16. Franklin Gothic
17. Futura
18. EF TV NORD 1
19. FF Scala
20. Rockwell
21. Eurostile
22. Warnock
23. FF DINA
22. Warnock
23. FF DIN
22. Warnock
7 23. 23. FF DIN22. 22. 22. 22. 22. 24. 22. 24. 24. 24. 24. 24. 24. 22. 24.
24. 24. 24. 24. 22. 22. 24. 24. 24. 24. 24. 22. 22. Мета25. Оффицина
26. FF Dax
27. DF Dynasty
28. Akzidenz-Grotesk
29. AG Book
30. Precious Serif
Другие шрифты не очень известны. Таким образом, вы можете использовать их для уникального фирменного стиля или пользовательских интерфейсов, которые должны иметь «свежий» вид.
31. Locator
ProcessTypeFoundry
32. Seravek
ProcessTypeFoundry
33. FF Kievit
Источник
34. Ronnia
Typetogether
35. Stella
Feliciano Type Foundry
36. Le Monde Courrier
Le Monde Courrier, 167,4 € за 2 шт. ## 37. Parisine PTFParisine PTF, €210 за 8 шт. ## 38. Источник грузовых перевозок ## 39. GuardianChristian Schwartzl
## 40. Anomoly41. PMN Caecilia
42. Leitura
DSType — Spatium Magazin ## 43. The MixSource
## 44. Stalemate45. Neo Sans
Source
## 46. FelbridgeFelbridge, 29 фунтов стерлингов.00 за шрифт ## 47. Trade Gothic48. Karmina
Напечатайте вместе ## 49. FF MiloSource: Typographica.org
## 50. AutoSource ## 51. СохоИсточник ## 52. KeplerSource
## 53. DepotChris Dickinson
## 54. Relato SansSource
## 55. Priva ProDSType ## 56. Relato SerifSource
## 57. AlberChris Dickinson
## 58. Palatino Sans & InformalSource Kimeratype ## 59. Fedra SansSource
## 60. OlgaSource ## 61. DepotChris Dickinson
## 62. Priva ProDSType ## 63. WhitmanSource
## 64. ProductusSource
## 65. TempelhofGünter Schwarzmaier
## 66. AmiraSource
## 67. KrartSource
## 68. TangSource
## 69. Dederon SansSource ## 70. Samuels Family (Изображения: информационный бюллетень MyFonts) ## 71. Без названия Источник ## 72. Greta TextSource
## 73. FF Sanuk74. Houschka
75. Scene
Source
## 76. AmplitudeSource
## 77. InsiderCharacters.nl
## 78.
## 80. HalvorsenSource
## 81. Xtra SansSource ## Предвкушение одного из наших следующих постов: Будущее типографики ## 82. Obliqua (в разработке)Источник ## 83. Muestra Urbana (в разработке)Источник ## 83. Вингардиум Источник
## 84. Tauran RegularSource
## 85. Mello SansSource20 лучших HTML-шрифтов для использования в 2023 году — Учебники Hostinger
HTML
29 января 2023 г.
Ирфан Ф.
9 минут Чтение
Шрифты играют большую роль в общей визуальной привлекательности веб-сайта. Тщательно подобранный шрифт поможет передать правильное сообщение и обеспечить согласованность бренда.
Для этого отличный веб-шрифт должен быть удобочитаемым и безопасным для Интернета, то есть хорошо отображаться на разных устройствах, в разных браузерах и операционных системах.
Однако выбрать подходящий шрифт не всегда так просто. Часто встречаются шрифты, которые визуально привлекательны, но не безопасны для Интернета, или наоборот.
Чтобы помочь вам, мы составили список из 20 лучших веб-шрифтов HTML для вашего веб-сайта.
Загрузить полную HTML-шпаргалку
Что такое веб-безопасный шрифт?
Веб-безопасные шрифты — это шрифты, предустановленные в большинстве операционных систем. Это гарантирует, что шрифты отображаются должным образом при доступе с различных устройств и браузеров.
Наиболее популярные примеры веб-безопасных шрифтов включают Arial , Times New Roman и Helvetica .
Каковы категории шрифтов HTML?
В типографике каждый шрифт является членом одного из пяти семейств шрифтов, классифицированных в соответствии с их сходством дизайна. К ним относятся:
Cursive
Cursive Шрифты, имитирующие рукописный ввод, обычно с буквами, соединенными вместе в петлевой плавной манере.
Многие люди ассоциируют этот шрифт с индивидуальностью, выразительностью и каллиграфией. Лучше всего использовать этот тип шрифта для заголовков, слоганов и заголовков сообщений в блогах на вашем веб-сайте, а не для основного текста. При использовании в качестве шрифта по умолчанию курсив может быть трудночитаемым.
Fantasy
Семейство шрифтов Fantasy обычно имеет декоративные атрибуты, присутствующие в каждой букве. Популярные среди художественных произведений, шрифты из этого набора шрифтов могут помочь мгновенно передать свой жанр и погрузить аудиторию.
Например, эта категория шрифтов широко используется в фантастических и научно-фантастических фильмах, таких как «Звездные войны», «Гарри Поттер» и «Холодное сердце».
Serif
Наиболее заметным стилевым атрибутом шрифтов с засечками является наличие небольших дополнительных штрихов по краям букв. Первоначально этот стиль использовался для печати чернилами, но теперь он ассоциируется с чувством формальности и элегантности.
Веб-сайты в основном используют шрифт с засечками для основного текста, так как он легко читается и помогает читателям быстро просмотреть написанное.
Популярные шрифты Serif включают Times New Roman , Cambria и Garamond .
Sans-serif
В качестве аналога категории шрифтов с засечками шрифты Sans-serif не отображают дополнительные штрихи, прикрепленные к их буквам.
Большинство шрифтов из этого семейства имеют одинаковую ширину и выглядят как современными, так и минималистичными.
Шрифты без засечек разборчивы любого размера, что делает их отличным выбором как для печатного контента, так и для цифрового использования.
Monospace
Каждая буква и символ в Monospace шрифтах имеют одинаковую ширину.
Поскольку шрифты одинаковы и легко различимы, они часто используются по умолчанию для пишущих машинок и компьютерных терминалов.
20 лучших веб-безопасных шрифтов HTML
Ниже приведены 20 безопасных веб-шрифтов HTML, которые вы можете применить к своему контенту.
1. Arial
Arial — универсальный современный шрифт без засечек. Каждая буква толстая и прочная, что обеспечивает чистый и минималистичный вид.
Arial был основным шрифтом экрана из-за его удобочитаемости при масштабировании до любого размера. Фактически, это шрифт по умолчанию для Google Docs.
Помимо этого, этот шрифт также популярен в печатных СМИ, таких как газеты и реклама.
В целом, если вы ищете классический шрифт, подходящий для большинства веб-сайтов, Arial — отличный выбор.
2. Arial Narrow
Arial Narrow — один из 38 стилей семейства шрифтов Arial. По сравнению с оригинальным шрифтом, этот стиль предлагает гораздо более гладкий дизайн.
Буквы кажутся узкими и сжатыми, с небольшим пространством между ними. Это делает Arial Narrow отличным выбором для минималистичных веб-сайтов.
Отличные варианты сочетания шрифтов включают более жирные шрифты без засечек, такие как Verdana и Geneva .
3. Раз
Times — это хорошо читаемый шрифт с засечками благодаря его заметному контрасту и сжатому стилю.
Люди, как правило, знакомы с этим шрифтом, поскольку его можно найти в различных средствах массовой информации, от книг и приложений для обмена сообщениями до коммерческих издательских проектов.
Первоначально Times в основном использовалась в печатных СМИ, таких как газеты, и с тех пор стала ассоциироваться с журналистикой и академическим письмом.
Таким образом, этот шрифт — идеальный выбор для создания привычного и формального ощущения на вашем веб-сайте.
Кроме того, этот шрифт подходит для веб-сайтов с длинными блоками текста, таких как онлайн-редакции новостей и блоги.
4. Times New Roman
Times New Roman — это вариант шрифта Times из шрифта с засечками.
Это популярный текстовый шрифт, широко используемый в печатных СМИ, таких как журналы и книги, а также очень популярный шрифт HTML из-за его универсальности и разборчивости.
Благодаря своему профессиональному стилю шрифт Times New Roman стал любимым шрифтом для формального контента новостных изданий и образовательных веб-сайтов.
5. Helvetica
Helvetica — это универсальный HTML-шрифт, поскольку его чистый дизайн подходит для любого типа дисплея.
Это популярный шрифт без засечек, используемый многими известными брендами. Например, Jeep, Microsoft, Motorola и BMW используют этот шрифт для своих логотипов.
Помимо этого, правительство США также использует Helvetica в своих налоговых формах.
Кроме того, этот тип шрифта предназначен для использования в небольших размерах, например, для текста, отображаемого в электронных книгах и мобильных устройствах.
6. Courier
Courier — самый известный шрифт в классификации шрифтов с засечками — он поставляется во всех операционных системах.
Этот HTML-шрифт также является стандартом для киносценариев. Поэтому, если ваш сайт связан с кино, обязательно подумайте о том, чтобы добавить Courier в дизайн вашего сайта.
Однако, поскольку этот шрифт относится к разряду декоративных, лучше ограничить его использование заголовками и заголовками.
7. Courier New
Этот шрифт является более тонкой и разборчивой альтернативой 9.0015 Курьер . По этой причине электронные устройства в основном имеют код Courier New .
Кроме того, этот шрифт также классифицируется как шрифт пишущей машинки, который отлично смотрится на веб-сайтах с олдскульным дизайном.
Courier New доступен в четырех стилях: обычный, курсив, полужирный и полужирный курсив.
8. Verdana
Verdana — отличный экранный шрифт благодаря его удобочитаемости при небольшом размере и отображении на экранах с низким разрешением. В первую очередь это связано с его большой шириной и расстоянием между символами.
Однако этот шрифт не ограничивается экранной типографикой. Например, известный мебельный бренд IKEA использует Verdana как для своего веб-сайта, так и для своих печатных каталогов.
Если вы ищете HTML-шрифт с хорошей читабельностью, этот шрифт — отличный выбор.
9. Candara
Candara впервые стал популярным в операционной системе Microsoft Vista для улучшения читаемости на ЖК-дисплеях.
Этот шрифт хорошо читается благодаря большому интервалу между символами, что делает его идеальным шрифтом для дисплеев.
Кроме того, Candara приобретает современный вид благодаря своим изгибам и открытым формам. Этот шрифт подходит для неформальных типографских настроек, таких как заголовки сообщений в блогах и слоганы на веб-сайтах.
10. Женева
Женева предлагает чистый и современный вид благодаря одинаковой длине, ширине и расположению.
Этот универсальный шрифт широко используется как для отображения, так и для основного текста. Смелые цвета и тонкие штрихи делают этот шрифт разборчивым в любом размере — он предлагает большие интервалы и постоянную длину для обеспечения удобочитаемости.
11. Calibri
Calibri — широко используемый и популярный шрифт. Это шрифт по умолчанию для различных известных программ, таких как пакет Microsoft Office и Google Docs.
Этот шрифт в первую очередь кажется современным и теплым из-за его округлых линий и чистого стиля.
Кроме того, Calibri работает с текстом самых разных размеров. Он очень разборчив и подходит как для цифровых, так и для экранных дисплеев.
Благодаря чистому дизайну этот шрифт подходит для всех типов веб-сайтов.
12. Optima
Optima черпает вдохновение в классических латинских заглавных буквах. Он используется для передачи элегантности благодаря большому интервалу и дополнительным штрихам.
В Optima у вас также есть возможность определить интервал между каждым символом.
Несмотря на то, что все варианты интервалов читабельны, установка большего интервала будет лучше дополнять этот шрифт.
Optima лучше всего подходит для использования на дисплеях, например, в логотипах таких элитных брендов, как Estée Lauder и Marks and Spencer.
13. Cambria
Модель Cambria с очень равномерными интервалами и пропорциями была разработана для удобного чтения с экрана даже при отображении в небольших размерах.
Этот шрифт хорошо читается благодаря горизонтальным засечкам, которые хорошо подчеркивают окончания каждого штриха.
Кроме того, Cambria очень универсальна. Вы можете комбинировать его различные стили и использовать шрифт для заголовков, заголовков и основного текста.
Этот шрифт бывает обычным, полужирным, курсивным и полужирным курсивом.
14. Garamond
Garamond классифицируется как шрифт с засечками старого стиля.
Это классический тип шрифта, широко используемый как в печатных, так и в цифровых дисплеях, включая ряд книг доктора Сьюза, тома о Гарри Поттере и логотип Google.
Этот шрифт лучше всего подходит для добавления старинного, но неподвластного времени оттенка на ваш веб-сайт.
15. Perpetua
Perpetua формальный, классический и элегантный. Шрифт был создан английским скульптором, на которого повлияли памятники и мемориальные надписи.
Характеристики этого шрифта побудили Penguin Classics и Пенсильванский университет использовать Perpetua в своих публикациях.
В общем, образовательная или информационная страница может извлечь большую пользу из этого шрифта.
16. Monaco
Monaco — это шрифт, который можно найти в приложениях Terminal и Xcode для macOS X.
Этот шрифт принадлежит к семейству моноширинных шрифтов и отличается подчеркнутым пиксельным дизайном.
Благодаря своему отличительному стилю Monaco лучше всего использовать в декоративном тексте веб-сайтов, посвященных программированию или играм.
17. Didot
Didot — это неоклассический шрифт, сочетающий классический дизайн с современными элементами.
Уникальный дизайн шрифта можно найти на CBS News и The Late Show со Стивеном Колбертом.
Этот шрифт известен своей высокой контрастностью и повышенным ударением, что выделяет его среди других. Если вы ищете отображаемый шрифт для заголовка, слогана или заголовков вашего веб-сайта, рассмотрите Didot.
18. Кисть Script
Кисть Script — это современный рукописный шрифт, неформальный и непринужденный.
Стиль каллиграфии основан на техниках рукописного ввода. Из-за этого Brush Script MT превращается в красивый, но читаемый шрифт для вашего сайта.
Этот шрифт отлично подходит для целевых страниц и всплывающих окон с информационными бюллетенями на веб-сайтах. Из-за характера его элементов обязательно используйте этот шрифт экономно и в большом размере.
19. Lucida Bright
Lucida Bright классифицируется как шрифт с засечками. Это одна из версий шрифта Lucida с большей контрастностью.
Узкий шрифт позволяет эффективно использовать пространство и отлично подходит для деловых отчетов, документации или журналов.
Известным пользователем этого шрифта является журнал Scientific American.
20. Медная пластина
Медная пластина принадлежит к монотонной группе и имеет только заглавные буквы. Его лучше всего использовать в качестве акцидентного шрифта для визитных карточек и фирменных бланков.
На странице веб-сайта этот шрифт может стать отличным вариантом для заголовков и заголовков.
Этот шрифт стал известен после того, как Who Wants To Be A Millionaire использовал этот шрифт в своей торговой марке.
Dishonorable Mention: Comic Sans
Comic Sans был основан на надписях из журналов комиксов и должен был быть дружелюбным и непринужденным.
Однако многие считают этот шрифт непрофессиональным и детским. Существует даже сообщество, которое поддерживает запрет Comic Sans в качестве шрифта.
Причина, по которой этот шрифт неприятен для глаз, заключается в его плохом управлении визуальной согласованностью. Буквы не имеют единообразия в интервалах, ширине и высоте.
Зачем использовать веб-шрифт HTML?
Использование веб-шрифта HTML имеет решающее значение для вашего веб-дизайна. Это гарантирует, что текст на вашем сайте будет одинаковым на всех устройствах.
Без веб-шрифта HTML вы рискуете потерять посетителей, поскольку ваши шрифты могут отображаться как нечитаемые символы при доступе с неподдерживаемых устройств.
Вот несколько причин, по которым вам следует использовать шрифт HTML для своего веб-сайта:
- Последовательный дизайн . Веб-шрифт HTML гарантирует, что выбранный вами шрифт правильно отображается в любом браузере и на любом устройстве.
- Резервный шрифт . Если предпочитаемый вами шрифт неправильно загружается в браузере человека, веб-шрифты HTML будут заменены шрифтом по умолчанию, найденным на устройстве человека.
- Нет загрузки . Вы можете легко встраивать HTML-шрифты от поставщика безопасных веб-шрифтов, такого как Google Fonts, в свой HTML-документ.
Как добавить HTML-шрифты в WordPress?
Есть несколько способов добавить HTML-шрифты в WordPress. В этом разделе мы рассмотрим два популярных метода:
Добавление шрифтов HTML вручную
Добавление шрифтов вручную — отличный вариант, если вы хотите избежать плагинов или хотите добавить собственный шрифт на свой сайт WordPress.
Сначала выберите и загрузите пользовательский шрифт от поставщика веб-шрифтов, например Adobe Fonts, TypeNetwork или Fonts.
Сделав выбор, конвертируйте шрифт в веб-формат. Для этого вы можете использовать генератор веб-шрифтов.
После загрузки файла загрузите его в папку wp-content/themes/your-theme/fonts 9каталог 0016.
Добавление шрифтов вручную с помощью HTML может быть проблемой, поскольку тег HTML является устаревшим тегом шрифта в HTML5. Вместо этого люди теперь используют свойства CSS для изменения свойств семейства шрифтов, цвета, шрифта и других атрибутов шрифта.
Популярный метод дальнейшего оформления шрифта — использование встроенного CSS. Он добавляет стили к одному элементу HTML с атрибутом стиля CSS.
Вот пример того, как встроенный CSS может выглядеть как элемент HTML:
Встроенный CSS в красном цвете
Добавление шрифтов HTML с помощью плагинов
Существует множество плагинов для добавления шрифтов HTML на ваш сайт WordPress. Однако мы сузили список до двух наиболее популярных вариантов.
Easy Google Fonts
Easy Google Fonts автоматически извлекает шрифты из каталога Google Fonts. Этот плагин также работает с любой темой WordPress.
Начните с установки и активации плагина. После этого перейдите к Appearance -> Customize на панели администратора WordPress.
Оттуда выберите Типографика -> Типографика по умолчанию , и вам будут представлены текстовые элементы, такие как заголовки и абзацы.
Выберите элемент, который вы хотите стилизовать. Перейдите на вкладку Font family и щелкните раскрывающееся меню, чтобы выбрать шрифт.
После того, как вы выбрали шрифт, вы можете продолжить настройку веса и стиля, размера шрифта и атрибута цвета, наблюдая за изменениями в реальном времени.
Когда вы будете удовлетворены результатом, нажмите Опубликовать .
Использовать любой шрифт (UAF)
С помощью этого плагина загрузите любой пользовательский шрифт, и UAF автоматически преобразует его в веб-безопасный шрифт.
После установки плагина в панели администратора WordPress появится вкладка Use Any Font . Нажмите на нее и активируйте свой ключ API.
После завершения проверки добавьте файлы шрифтов .ttf , .otf и .woff и нажмите «Загрузить», чтобы UAF преобразовал пользовательские шрифты в веб-безопасные шрифты.
Кроме того, UAF также совместим с Flatsome для настройки живого шрифта в темах Flatsome.
Вывод
Использование веб-шрифта HTML позволит вашему сайту выглядеть одинаково на разных устройствах. Кроме того, это поможет создать профессиональный, формальный или элегантный вид веб-сайта, в зависимости от используемого шрифта.
В этой статье мы предоставили 20 лучших веб-безопасных шрифтов, которые помогут вам принять решение. Давайте напомним некоторые из вариантов:
- Arial — классический шрифт, который можно использовать на всех типах веб-сайтов.