[Solved] Cyrilliс fonts support. How?

Design help General
1

Hi.

Default fonts still don’t have cyrillic support. Do you have any idea to use basic fonts with cyrilliс? Its a big problem for russian market, we cant use cool fonts like Open Sans etc.(((

2

I am using google fonts with cyrillic. You can add them to your project really easy

3

Are you using custom fonts for it or Google Fonts form at dashbord? I cant update to cyrillic Open Sans, Lato, PT Sans. :frowning:

4

Шрифты от Гугла можно добавить через Dashboard

1240×761 103 KB

Просто выбери из списка нужный шрифт и добавь кирилицу. (Но ты же понимаешь, что не все шрифты кирилицу поддерживают?)

771×582 32.8 KB

1 Like
5

Вот видишь, это шрифт Open Sans Condensed, а не просто Open Sans, его в списке нет, он встроен в Webflow по умолчанию. Его нельзя настроить, добавив галочки cyrillic, хотя он поддерживает кириллицу. Это касается и других шрифтов (PT Sans, Lato и т.д.) — шрифтов, которые есть в списке шрифтов в редакторе шаблонов по умолчанию. Я оформляю текст шрифтом Open Sans, а в Фаерфоксе, Опере (везде, кроме Хрома и Сафари), шрифт меняется на Arial. Странно, для разработчиков это дело 5 минут.(

1 Like
6

Well, you can try to use link to cyrillic part of font from Google fonts.
Try to add something like this

<link href='http://fonts.googleapis.com/css?family=Lora|Open+Sans&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

to your custom code

7

Пишет ошибку: Line 0 column 10: Named entity expected. Got none. И не дает сохранить. ((

8

Попробуй через JavaScript code

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Lora::latin,cyrillic', 'Open+Sans::cyrillic-ext,latin,cyrillic' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

Его тоже можно вставить в <head>

9

Нашел решение, JavaScript, не сработал.

  1. Добавляем любой шрифт из коллекции Google Fonts, ставя галочки на cyrillic,cyrillic-ext, latin.
  2. Снимаем сайт с публикации и публикуем снова.

Теперь кириллица будет работать в любых шрифтах, в любых браузерах. Т.е. там, что-то прописывается в коде, что кириллица начинает работать не только с тем шрифтом,который я добавил, но и со шрифтами, которые в списке шрифтов WF по умолчанию, в том числе Open Sans или PT Sans и т.д.

Анна, большое спасибо за помощь! Было бы супер, если бы ты перевела решение на английский язык (мой английский ужасный), думаю этот вопрос может подниматься все чаще, т.к. в России WF набирает популярность.

10

Guys guys… Please use english within your posts. Please. It might help us all. I have clients from Russia as well and I’d like to understand what should I do next time I encounter that problem.

11

Ok. Sorry for my english.

  1. You must add some Google Font that support the сyrillic language. For example, choose Roboto (no matter), add options: cyrillic, cyrillic-ext.
  2. Unpublish site and publish again.

Now all cyrillic fonts (not only Roboto) will be correct (all browsers, not only Chrome and Safari). I hope you understand me :slight_smile:

2 Likes
12

I am sorry. Didn’t expect it will be so long discussion. Next time only English on public :blush:

1 Like
13

Pretty good translation :wink:

1 Like
14

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.