Как добавить собственный шрифт в редактор Wix

Выбор шрифтов чем-то напоминает выбор одежды. Нет причины надевать то, что не вписывается в ваш стиль, и — совершенно аналогично — нет причины использовать Times New Roman, если Helvetica гораздо лучше отражает характер вашего бренда. Подходящий шрифт нужен любому бизнесу: и модному онлайн-магазину, и небольшому ресторанчику, и строгой юридической фирме. Он говорит о том, какой вы, и настраивает клиентов на нужный лад.
Если вы уже пробовали сделать сайт в редакторе Wix, то знаете, что здесь можно настроить буквально каждую мелочь. К вашим услугам — 96 красивых шрифтов, сотни изображений, фоновых видеороликов и других нужных элементов. И это не все! С гордостью сообщаем, что теперь вы можете добавить в редактор свой собственный шрифт. Да, абсолютно любой, на любом языке. Как видите, ваши возможности не ограничены ничем.
Сегодня мы хотим рассказать вам о том, как это делается, а заодно поделиться полезными советами по работе со шрифтами.
Выбор шрифтов чем-то напоминает выбор одежды. Нет причины надевать то, что не вписывается в ваш стиль
Как добавить шрифт в редактор Wix
Вы нашли удачный шрифт для своего сайта? Теперь его можно загрузить в редактор, следуя несложной инструкции. У вас несколько Wix-сайтов, и вы хотите использовать новый шрифт на каждом из них? Не проблема — после загрузки он появится везде. Не беспокойтесь, все делается очень просто, смотрите сами.
Как загрузить шрифт:
Зайдите в редактор и нажмите «Мои загрузки».
Выберите «Шрифты».
В открывшемся окне нажмите «Загрузить шрифты» и выберите нужный шрифт на своем компьютере.
Когда шрифт загрузится, нажмите кнопку «Готово».

*Важно: проверьте, что вы не нарушаете авторские права, загружая тот или иной шрифт, и проследите, чтобы его объем не превышал 1,5 МБ.
Как использовать загруженный шрифт:
Нажмите на текстовый элемент.
Нажмите «Редактировать текст».
В выпадающем меню выберите «Шрифты».
Нажмите на кнопку-стрелочку и выберите нужный шрифт из списка.
Учитывая количество красивых шрифтов на сайтах DaFont, Google Fonts и 1001 Free Fonts, есть риск застрять там навсегда. Чтобы этого не произошло, прочитайте наши советы, а уже потом переходите к выбору.
Как выбрать шрифт, подходящий к стилю вашего сайта
У вашего сайта и бренда наверняка есть определенный стиль. И шрифт, который вы выберете, должен соответствовать этому стилю. Не забывайте об этом, и вам будет проще определиться и выбрать — с засечками, без засечек или рукописный. Можно экспериментировать: использовать шрифт с засечками для длинных текстов, а шрифтом без засечек оформлять подписи, заголовки и списки.

Если вдруг вы не знали или забыли, объясняем: шрифты делятся на три основные группы — с засечками, без засечек и рукописные. Когда говорят « с засечками» — имеют в виду небольшие штрихи на концах букв. Это, к примеру, всем известный Times New Roman или Baskerville. Шрифты с засечками классические и очень элегантные. Они идеально подходят для книг, бумажных журналов и газет, но их сложновато читать с экрана.
Шрифты без засечек — простые и более современные, без каких-либо дополнительных элементов. Примеры — Arial или Verdana. Их обычно используют для веба, потому что они не вызывают сложностей при чтении с экрана.
И последняя группа — рукописные шрифты. Они бывают очень симпатичными и могут стать украшением вашего сайта, но их очень трудно читать, и они категорически не подходят для оформления длинных текстов и кнопок с призывами к действию.
Золотое правило: трое — уже толпа
Красивые шрифты жизненно необходимы вашему сайту, но с ними очень легко переборщить — точно так же, как с яркими цветами. Чтобы этого не произошло, выбирайте два шрифта, в крайнем случае — три, но не больше. Мы серьезно: двух шрифтов вполне достаточно для экспериментов. А вот если их много, вы рискуете утомить читателя и потерять его навсегда.
Шрифты и опыт взаимодействия
Давайте не будем забывать, что дизайн — это не столько про красоту, сколько про положительный опыт взаимодействия. Да, мы имеем в виду, что ваш сайт должен быть удобным и понятным.
Наш совет: экспериментируйте сколько душе угодно, ищите идеальные варианты, но не забывайте про читаемость и уместность. Что это значит? Что если вы, например, хотите привлечь внимание к заголовку — увеличивайте шрифт, но не используйте этот же кегль для объемных текстов, например, постов в блоге. Обращайте внимание и на место на странице, и на то, как выбранные шрифты сочетаются между собой. Все должно смотреться гармонично, разборчиво и соответствовать стилю вашего бренда.
Смешивать или не смешивать?
Думаете, что двух шрифтов недостаточно? Попробуйте поэкспериментировать с жирным и обычным начертанием, курсивом, прописными и строчными буквами. Можно также использовать пробелы — это хороший способ сделать акцент на определенных словах.
Пришло время самой веселой части нашего повествования: смешивайте все выбранные варианты и смотрите, что получается. Главное, чтобы шрифты и виды начертаний не спорили, а наоборот — дополняли друг друга. На всякий случай рекомендуем нашу статью о том, как правильно работать со шрифтами.
Нужны примеры? Вот три хороших шаблона с продуманными шрифтовыми комбинациями. Вам какой больше нравится?
Здесь рукописный шрифт используется для расстановки акцентов, тогда как основной текст набран шрифтом без засечек.

Это шаблон подчеркнуто современный. Здесь используется один-единственный шрифт без засечек, чтобы передать технологичность и простоту.

А вот шаблон свадебного сайта. Здесь прописные буквы мирно уживаются со строчными. Это привлекает внимание, но не утомляет.

Готовы попробовать себя в работе с разными шрифтами? Создайте сайт сами на Wix — это просто и бесплатно!

Автор Команда Wix