12 лучших многоязычных веб-шрифтов для использования на вашем веб-сайте в 2023 году
Разрабатываете многоязычный веб-сайт? Не забывайте о шрифтах, используемых для отображения текста на вашем сайте!
Ваш шрифт по умолчанию может идеально отображать текст на одном языке, но при переключении веб-сайта на другой язык выводит много уродливых и нечитаемых прямоугольных символов. Не лучший вид, когда вы пытаетесь предложить свой сайт на разных языках для международной аудитории.
Многоязычные шрифты помогают решить эту проблему, поддерживая отображение текста на нескольких языках. В этой статье мы рассмотрим преимущества использования многоязычных шрифтов на вашем веб-сайте и поделимся нашими рекомендуемыми 12 вариантами. Мы также объясним, как можно протестировать многоязычные шрифты перед их развертыванием.
Что такое многоязычные веб-шрифты?
Веб-шрифты — это шрифты, специально созданные для отображения текста на веб-сайтах. Помимо обеспечения удобочитаемости и разборчивости текста веб-сайта, веб-шрифты также могут использоваться в целях брендинга — другими словами, для создания уникального внешнего вида веб-сайта.
Хотя некоторые веб-шрифты поддерживают только один язык, многоязычные шрифты предназначены для поддержки нескольких языков. Поэтому они могут включать глифы, представляющие символы, встречающиеся в одном языке, но не встречающиеся в другом.
Роль многоязычных шрифтов на вашем веб-сайте и в бизнес-стратегии
Если вы выходите на новый рынок, аудитория которого говорит на другом языке, вам нужно будет предлагать свой веб-сайт на их родном языке. В противном случае у них могут возникнуть проблемы с пониманием того, что говорит ваш сайт!
Шрифты, которые вы выбираете для своего веб-сайта, также могут повлиять на то, как пользователь увидит его локализованный контент. Если вы выбрали шрифт, который не может отображать определенные символы языка, пользователи могут увидеть белые вертикальные прямоугольники — ласково называемые «тофу» — вместо символов, которые они должны были видеть. Это мешает им понять текст вашего сайта, даже если вы его отлично локализовали.
Будучи созданными для поддержки нескольких языков, многоязычные шрифты, следовательно, призваны помочь отображать текст веб-сайта на разных языках без проблем с «тофу». Платные и бесплатные шрифты с многоязычной поддержкой широко доступны в Интернете, и вот 12 из них:
12 лучших многоязычных шрифтов
1. Google Noto
Выпущенный Google, шрифты, предназначенные для использования в более чем 1000 языках и 150 системах письма. «Noto» в его названии означает «без тофу», что является намеком на то, как шрифт стремится избежать отображения страшных символов «тофу».
Шрифты Google Noto доступны в различных размерах и стилях. Они также бесплатны как для личного, так и для коммерческого использования.
2. Gill Sans Nova
Gill Sans Nova — это расширение оригинального шрифта Gill Sans от Monotype Studio, причем последний шрифт стал фаворитом среди дизайнеров вскоре после его выпуска в 1928 году. Gill Sans Nova состоит из 43 шрифтов.
шрифт без засечек, поддерживающий латинские, греческие и кириллические символы.
Gill Sans Nova — платный шрифт стоимостью 53,9 доллара.9 для каждого стиля. Вы также можете приобрести комплект из всех 43 шрифтов за 438,99 долларов США.
3. SST
Та же студия Monotype, которая дала нам Gill Sans Nova, также сотрудничала с технологической компанией Sony для создания шрифта SST . Если SST выглядит знакомо, то это потому, что это официальный шрифт Sony!
«Когда люди во всем мире видят текст, написанный шрифтом SST ( sic ), он должен обеспечить единообразие взаимодействия с пользователем», — объясняет Sony о том, как появился SST.
«Вот почему с самого начала мы планировали беспрецедентный масштаб производства, чтобы поддерживать не только английский и японский, но также греческий, тайский, арабский и многие другие языки».
(Здесь явно преуспели Sony и Monotype — SST поддерживает 93 языка!)
4. Helvetica World
Слышали о Helvetica? Вы, наверное, слышали — в конце концов, это один из самых популярных шрифтов в мире.
Helvetica World — это обновленная версия Helvetica, поддерживающая до 89языков, включая румынский, сербский, польский и турецкий.
Helvetica World поставляется с четырьмя шрифтами: Regular, Italic, Bold и Bold Italic. Каждый шрифт стоит 165,99 евро и выше, в зависимости от вашей предпочтительной лицензии. Стоимость комплекта также доступна.
5. Restora
Дизайн Nasir Uddin, Restora — универсальный многоязычный шрифт, поддерживающий западноевропейский, центрально- и восточноевропейский, балтийский, турецкий и румынский языки. В каждом шрифте более 730 глифов!
Этот шрифт с засечками включает в себя лигатуры, маленькие заглавные буквы, стильные альтернативы и другие функции OpenType, которые помогут выделить текст вашего веб-сайта. (OpenType — это формат шрифта, совместимый как с операционными системами Windows, так и с Mac.)
Restora бесплатна для личного использования, но вам потребуется платная лицензия, если вы собираетесь использовать ее в коммерческих целях.
6. Misto
Вдохновленный городом Славутич в Украине, неудивительно, что название этого шрифта « Misto » означает «город» на украинском языке. Широкий шрифт Misto с обратным контрастом напоминает низкие широкие здания Славутича, что придает ему уникальный вид.
Поскольку Misto поддерживает латиницу и кириллицу, это потенциальный кандидат, если ваш веб-сайт ориентирован на посетителей, использующих эти алфавиты. Вы также будете рады узнать, что Misto бесплатен как для личного, так и для коммерческого использования!
7. Argesta
Создание Atipo Foundry, Argesta называет себя «элегантным и вневременным шрифтом с засечками». Говорят, что Argesta вдохновлен высокой модой, а его стильный внешний вид хорошо подходит для веб-сайтов, которые хотят вызвать чувство класса.
Помимо стандартных латинских глифов, Argesta также поддерживает диакритические глифы, такие как «é» и «Š». Вы можете загрузить обычный стиль Argesta бесплатно, в то время как полное семейство доступно по принципу «плати сколько хочешь».
8. Suisse
Семейство шрифтов Suisse , состоящее из шести коллекций и 55 начертаний, считается «утилитарным» набором шрифтов. Хотя все коллекции поддерживают латиницу, выберите коллекции Suisse Int’l и Suisse Screen, если вам нужна поддержка кириллицы. Suisse Int’l также является единственной коллекцией, поддерживающей арабский алфавит.
Suisse разработан компанией Swiss Typefaces, которая предлагает бесплатные пробные файлы шрифтов на своем веб-сайте. После того, как вы выбрали шрифты Suisse, которые хотите использовать на своем веб-сайте, вы можете купить их лицензии (цена варьируется в зависимости от ваших потребностей).
9. Grotte
Grotte — это шрифт без засечек, доступный в трех стилях: светлый, обычный и полужирный. Его геометрические очертания и элегантные изгибы делают его идеальным дополнением к чистому и минималистичному дизайну веб-сайта.
Тем не менее, не стоит недооценивать этот простой на вид шрифт.
Он имеет обширную языковую поддержку для испанского, португальского, немецкого, датского и французского языков (включая канадский французский). Grotte также отлично подходит для отображения букв кириллицы.
Вы можете купить лицензию для Grotte на сайте Envato Elements.
10. Omnes
Разработанный Darden Studio, Omnes — это закругленный шрифт с поддержкой табличных цифр, числителей, надстрочных цифр и т. д. Поклонники напитков Fanta могут узнать этот шрифт, поскольку он использовался в некоторых рекламных кампаниях производителя напитков.
Что касается многоязычности, Omnes поддерживает десятки языков, включая африкаанс, латынь, финский, турецкий и валлийский. Поддержка арабского, кириллического, грузинского и греческого языков также доступна по запросу.
11. Open Sans
Open Sans — это «гуманистический» шрифт без засечек, то есть он призван имитировать вид букв, которые люди пишут на бумаге. Этот шрифт был первоначально разработан Стивом Маттесоном, и Google Fonts предлагает его бесплатную версию для использования в личных и коммерческих типографских проектах.
Версия Open Sans для Google Fonts содержит 897 символов и может удобно поддерживать латинский, греческий и кириллицу. Он также представлен на более чем 94 миллионах веб-сайтов!
12. Dominicale
Гуманистический Шрифт Dominicale напоминает старомодный шрифт средневековых книг. Он черпает вдохновение из грубо выглядящего текста из первых печатных книг, а также из резьбы по дереву, чтобы создавать детали с «хитрым вкусом» (как описывает его дизайнер Альтиплано).
Dominicale поддерживает более 200 языков, включая английский, французский и немецкий. Если Dominicale привлекла ваше внимание, свяжитесь с Altiplano, чтобы получить бесплатные пробные файлы, которые вы можете попробовать на своем веб-сайте, прежде чем покупать лицензию.
Изменение шрифтов в процессе перевода с помощью Weglot
После того, как вы установили многоязычные шрифты на свой веб-сайт, решение Weglot для перевода веб-сайтов может помочь вам проверить, как ваши шрифты отображают текст вашего веб-сайта.
Weglot включает в себя визуальный редактор, который позволяет вам предварительно просмотреть, как ваш текст, включая его переводы, будет отображаться на вашем веб-сайте, пока вы его дорабатываете. Эта функция полезна для определения того, может ли ваш многоязычный шрифт отображать весь текст на вашем веб-сайте без проблем.
Weglot также предлагает переключатель языка для изменения языка вашего сайта. Поэтому, как только вы убедились, что ваш многоязычный шрифт может полностью отображать текст вашего веб-сайта на определенном языке, вы можете переключить свой веб-сайт на другой язык, чтобы повторить этот процесс проверки для следующего языка.
Если какой-либо шрифт не полностью поддерживает определенный язык, вы можете отобразить текст веб-сайта на этом языке другим шрифтом, добавив правила CSS на свой веб-сайт. Это гораздо более простой подход, чем попытки найти шрифт, который будет универсально работать для всех языков, которые вы хотите использовать на своем веб-сайте сейчас и в будущем.
Какие многоязычные шрифты вы будете использовать?
Многоязычные шрифты помогают правильно отображать текст веб-сайта на нескольких языках, что очень важно, если вы ориентируетесь на многоязычную аудиторию.
Weglot — это программа для перевода веб-сайтов, которая обнаруживает, переводит и отображает содержимое вашего веб-сайта, избавляя вас от хлопот, связанных с традиционными методами перевода веб-сайтов. Он поддерживает более 110 языков и применяет технологию машинного обучения для мгновенного перевода текста с высокой степенью точности. Эти высококачественные переводы будут храниться на центральной панели Weglot Dashboard, где вы сможете вручную редактировать их и использовать встроенный визуальный редактор для предварительного просмотра того, как выбранные вами многоязычные шрифты будут отображать их.
Вы можете бесплатно попробовать Weglot на своем веб-сайте. Просто зарегистрируйте учетную запись, чтобы начать.
8 свежих сочетаний шрифтов, которые заставят вашу аудиторию сразу же вам поверить — Hoot Design Company
Мы используем разные языки для общения каждый день.
И мы не имеем в виду английский, испанский или русский — мы имеем в виду языки различных режимов работы . Есть семь из этих «языков», на которых мы общаемся, каждый в разных ситуациях и для достижения разных результатов: 9.
Мы можем использовать язык Prestige , когда нам нужно сообщить, что что-то является лучшим ; мы используем язык страсти , когда нам нужно создать личную связь с другими . Power передает уверенность , а Innovation — это язык новых идей .
Оставайтесь с нами здесь. мы обещаем, что скоро доберемся до шрифтов.
В Как мир видит вас Салли Хогсхед рассказывает о каждом из этих семи языков и уникальных преимуществах, которые они дают вам в различных ситуациях . Чтобы использовать преимущества каждого языка, мы можем использовать такие инструменты, как язык тела, выбор слов и презентация.
Для большинства из нас понимание пути можно использовать выбор слова по общаться на определенном из этих языков будет довольно ясно: мы используем словарный запас, который подкрепляет наше значение чтобы донести сообщение. Если мы пытаемся убедить друга, что наш парикмахер — отличный выбор, мы могли бы использовать слова, которые сообщают Доверие , чтобы донести свою точку зрения. Она надежная . Надежный . Она никогда меня не подводит .
→ Мы используем язык доверяйте , когда нам нужно продемонстрировать, что что-то является надежным выбором на долгое время : это надежный , проверенный временем и надежный .
Но если вы не дизайнер, вам может быть незнакома одна концепция: элементы искусства как цвет и форма могут передавать эти сообщения так же эффективно как и ваши выбор слова .
Ваш визуальная презентация – то, как вы сочетаете эти элементы искусства – является мощным инструментом, позволяющим разблокировать эти способы общения, чтобы усилить ваше сообщение.
И этот факт распространяется на
гарнитур .Правда в том, что шрифты тоже общаются на каждом из этих языков.
Опять же, мы знаем, что это может показаться немного странным, если вы не дизайнер, который уже привык к такому образу мышления. Но шрифты общаются через элементы и принципы визуального искусства , которые могут сочетаться для создания сильного и ясного сообщения: их линии, форма, баланс, пропорции, контраст, и культурные традиции — все они работают вместе, чтобы передать понятия через эти семь языков — Инновации, Сила, Страсть, Престиж, Доверие, Мистика, и Предупреждение.
И сегодня мы очень увлечены изучением того, как шрифты передают
доверие.
Мы подобрали восемь комбинаций шрифтов, каждая из которых создает сообщение о том, что информация, которую они несут, является надежной, проверенной и надежной. что это супер надежный .
Готовы увидеть комбинации? Пойдем!
Каждая из этих комбинаций передает доверие зрителю, но каждая пара уникальна в своей особой атмосфере.
Так что же заставляет работать каждую из этих комбинаций?
Давайте разберем попарно:
В этой паре я использую Adriane Text жирным курсивом для заголовка и сочетаю его с Gibson light в качестве текста абзаца. Эта пара представляет собой великолепно надежную комбинацию по нескольким причинам:
Каждый охватывает высоту x-высоту , которая служит для «стабилизации» текста.
Каждый чрезвычайно разборчив для простого представления информации.
Тонкие, неожиданные детали Адрианы (например, дополнительная кривая на курсивном x – *дрожит*) уравновешиваются надежным и откровенным общением Гибсона.
Найдите их: Образец Адрианы на Typekit • Подробнее об Адриане из TypeFolio | Образец Gibson на Typekit • Информация о семействе Gibson в Канаде Type
Показать в полном размере
Soleil и Borgia Pro представляют собой надежную пару, которая передает надежность и надежность. Плавная, удобная и даже дружественная геометрия Soleil компенсируется традиционными засечками и углами Борджиа Про.
Сочетание более строгого или расчетливого шрифта без засечек с Borgia может создать холодную комбинацию (Borgia довольно традиционна и серьезна), но дружелюбие Soleil делает это сочетание доступным.
Найдите их: Образец Soleil на Typekit • Информация о семействе Soleil на TypeTogether | Borgia Pro на FontSquirrel
Ага! Мы снова вернулись к Гибсону и Адриане Текст.
Каждый из этих шрифтов настолько универсален, что может одинаково хорошо работать как заголовок или в абзаце текста.
Изменение порядка позволяет чистой функциональности Gibson сиять, а счастливые круглые клеммы Adriane встают на свои места.
Найдите их: Образец Адрианы на Typekit • Подробнее об Адриане из TypeFolio | Образец Gibson на Typekit • Информация о семействе Gibson в Канаде Тип
Clarendon Text — классический шрифт с засечками, обладающий яркой индивидуальностью.
В сочетании с InterFace, – прекрасно читаемым и сбалансированным шрифтом без засечек, они создают неожиданную, но сбалансированную пару благодаря высокой высоте x и закругленным деталям каждого шрифта.
Найдите их: Образец текста Clarendon на Typekit • Подробнее о Clarendon Text from Canada Type | Образец InterFace на Typekit • Подробнее об интерфейсе InterFace от Dalton Maag
Freight Text Pro и Freight Sans Pro — естественная пара, поскольку они принадлежат к одному семейству.
Сочетание этих двух вещей создает приятную гармонию , которая передает приятную надежность. Неровные, неожиданные углы шрифта Freight Text (с засечками) придают паре дополнительный импульс современной привлекательности.
Найдите их: Образец Freight Text Pro на Typekit • Образец Freight Sans Pro на Typekit
Abril Titling — очень приятный для работы шрифт. Нам очень нравятся его твердые пропорции и парные круглые и плоские засечки.
Fira Sans великолепен благодаря своим прямым, сбалансированным пропорциям и изгибам. Он был создан Mozilla (это те же люди, которые создали FireFox) и имеет лицензию с открытым исходным кодом, что означает, что он бесплатный.
Вместе они сообщают уверенное доверие и подотчетность через эти данные. Нам бы очень хотелось использовать эту комбинацию для журнала или источника новостей — онлайн или в печатном виде.
Найдите их: Abril Титульный образец на Typekit • Подробнее об Abril rom TypeTogether | Образец Fira Sans на Typekit • Подробнее о Fira Sans от Mozilla
Говоря о Fira Sans, его широкий диапазон начертаний и стилей делает его отличным для большего количества применений, чем просто текст абзаца. Нам нравится использовать его для чистых, читаемых заголовков и акцентов.
И так же, как Freight Text Pro делает отличные заголовки, он также делает прекрасный текст абзаца. Сочетание Freight Text с Fira Sans создает гораздо более непринужденную комбинацию с засечками и без засечек , чем использование Freight Sans в качестве заголовка без засечек благодаря более плавному и расслабленному стилю Fira.
Найдите их: Образец Freight Text Pro на Typekit | Образец Fira Sans на Typekit • Подробнее о Fira Sans от Mozilla
Показать в полном размере
Corbel может показаться вам немного скучным, и вы будете правы.
Как текст абзаца, да, это скучно. Это так скучно. Но отлично подходит для заголовка или заголовка только в одном и только в одном случае: , когда он сочетается с энергичным, представительным, ярким шрифтом для абзацев.
И это именно то, чего можно достичь, объединив Corbel с Bookmania . Взгляните на пример страницы Bookmania, и вы сразу ее узнаете.
Из-за сильных культурных коннотаций, таких как шрифт с засечками, выбранный для названий книг в 60-х и 70-х годах, использование Bookmania в качестве заглавного шрифта кажется новым (ха) или даже клише. НО переместите его вниз к тексту абзаца и соедините с мягко изогнутым, серьезным заголовком без засечек, таким как Corbel, и вы получите удивительно надежную (и неожиданную) комбинацию.
Найдите их: Corbel, король бурения | Образец Bookmania на Typekit • Информация о Bookmania от Марка Симонсона • Образец Bookmania в формате PDF от Марка Симонсона
Так что же общего у всех этих пар?
Существует ли ключевой метод для поиска пар шрифтов, которые сообщают о доверии?
Да, есть:
→ Гарнитуры общаются Доверие , используя гармоничные пропорции, устойчивые формы и устойчивый баланс.
