Помощь Шрифты Google Fonts и кириллица

[Miron4ik]

Вобщем поставил премиум тему с themeforest. Тема использует Google Web Fonts, т.е. гугловские шрифты, ставить которые необходимо с панели. При написании пунктов меню русскими буквами, шрифт ставится что-то наподобие comic sans, точнее сказать немогу. При этом заголовки на инглише меняются в зависимости от шрифта выбранного с панели, русское - застыло в этом шрифте. Как поменять шрифт хотя бы на Arial?
Пробовал закомментировать строку с выводом гугл шрифтов, вручную подключал шрифт с www.google.com/webfonts и прописывал в style.css прописывал стиль - безрезультатно(

Кто поможет, подскажет?

 

[typus]

У меня была подобная проблема - в теме harmony от Elegantthemes - там характерно, что используется в качестве дефолтного Open Sans, кириллические символы заменялись на arial.
Первое что сделал, поставил плагин Для просмотра ссылки Войди или Зарегистрируйсяплагин простой и понятный, разбирать его не буду, так вот, несмотря на то, что один из шрифтов в этом плагине принудительно задал Open Sans с кириллицей, тема упорно тянула шрифт только с латиной...
В конце концов решением стало принудительное дописывание нужного ручками - как сказал Для просмотра ссылки Войди или Зарегистрируйся

в headere темы в коде добавления гуглофонтов надо к ссылке просто дописать "&subset=latin,cyrillic" без кавычек.

Т.е. шаги по решению проблемы должны быть на мой взгляд следующими:
1. Открываешь в браузере исходный код отдаваемой страницы.
2. Смотришь в хедере все подключенные шрифты.
3. Убеждаешься, что искомый шрифт там есть, или его там нет, смотришь, какой subset указан на нем, если он там есть.
4. Находишь где реально в коде прописано подключение данного шрифта и дописываешь недостающее - скорее всего это и окажется subset=latin,cyrillic
Проблема скорее всего будет решена - мне во всяком случае удалось решить...

 

[fb-alex]

У меня была подобная проблема - в теме harmony от Elegantthemes - там характерно, что используется в качестве дефолтного Open Sans, кириллические символы заменялись на arial.
Первое что сделал, поставил плагин Для просмотра ссылки Войди или Зарегистрируйсяплагин простой и понятный, разбирать его не буду, так вот, несмотря на то, что один из шрифтов в этом плагине принудительно задал Open Sans с кириллицей, тема упорно тянула шрифт только с латиной...
В конце концов решением стало принудительное дописывание нужного ручками - как сказал Для просмотра ссылки Войди или Зарегистрируйся

Т.е. шаги по решению проблемы должны быть на мой взгляд следующими:
1. Открываешь в браузере исходный код отдаваемой страницы.
2. Смотришь в хедере все подключенные шрифты.
3. Убеждаешься, что искомый шрифт там есть, или его там нет, смотришь, какой subset указан на нем, если он там есть.
4. Находишь где реально в коде прописано подключение данного шрифта и дописываешь недостающее - скорее всего это и окажется subset=latin,cyrillic
Проблема скорее всего будет решена - мне во всяком случае удалось решить...

В Вашем случае с Open Sans этот алгоритм подходит, потому что Open Sans кириллический есть в Для просмотра ссылки Войди или Зарегистрируйся, т.е. этот лечится в хедере добавлением (исправлением) строки:

Спойлер

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

[/spoil]
или импортированием (что не очень хорошо) :
[spoil]

@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic);

[/spoil]
или JavaScript'ом (не намного лучше предыдущего способа) :
[spoil]

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Open+Sans::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>

[/spoil]
Но если Google Fonts кириллицу для нашего шрифта не поддерживает (как в случае с Oswald),то как:

Проблема в том что шрифт не поддерживает кириллицу.
1. Удалите ссылки на гуглфонтс
2. Найдите нужный шрифт (или похожий) в кириллице и вставьте его через fontface - вот генератор "Для просмотра ссылки Войди или Зарегистрируйся"
И будет вам счастье.
Как пользоваться fontface найдете на - Для просмотра ссылки Войди или Зарегистрируйся

Поэтому позволю себе немного дополнить Ваш алгоритм:

1. открываешь в браузере исходный код страницы;
2. находишь в хедере темы проблемный шрифт;
3. смотришь, какой subset там указан, если он там есть;
4. идешь в Для просмотра ссылки Войди или Зарегистрируйся, ищешь там проблемный шрифт; в подменю Script: ставишь галочку Cyrillic, или если не помогает, то Cyrillic Extended; если Для просмотра ссылки Войди или Зарегистрируйся поддерживает кириллицу для нашего шрифта, то в хедере правишь линк: [spoil]<link href='Для просмотра ссылки Войди или Зарегистрируйся' rel='stylesheet' type='text/css'> или , в случае с Cyrillic Extended: <link href='Для просмотра ссылки Войди или Зарегистрируйся' rel='stylesheet' type='text/css'>[/spoil] и переходишь к пункту №7;
5. если в гуглофонте проблемного шрифта с поддержкой кириллицы нет, то ищешь где-нибудь на просторах интернета этот проблемный шрифт с кириллицей (советую начать с "Для просмотра ссылки Войди или Зарегистрируйся"); если находишь, то пропускаешь через Для просмотра ссылки Войди или Зарегистрируйся, скачиваешь папочку в архиве, внимательно читаешь сообщение
   [spoil]

   Проблема в том что шрифт не поддерживает кириллицу.
   1. Удалите ссылки на гуглфонтс
   2. Найдите нужный шрифт (или похожий) в кириллице и вставьте его через fontface - вот генератор "Для просмотра ссылки Войди или Зарегистрируйся"
   И будет вам счастье.
   Как пользоваться fontface найдете на - Для просмотра ссылки Войди или Зарегистрируйся

1. 
   далее пункт №7;
2. если этот нехороший шрифт кириллицу не поддерживает из принципа (как злополучный Oswald), то забиваешь на него, и находишь очень-очень на него похожий, далее начинать с пункта №4 ;
3. готово! .

 

[Kores]

м гугл шрифтов, вручную подключал шрифт с www.google.com/webfonts и прописывал в style.css прописывал стиль - безрезультатно(
Кто поможет, подскажет?

я один раз так запутался с темой от themeforest. Вручную то подключил, а вот поменять сам шрифт через font-family забыл, вы его там поменяли? А вообще просто создайте свой класс, пропишите нужные стили к нему и через файлы темы подключите, зачем загружать сайт лишними функциями от темы?

 

[74004]

Всем привет, подскажите...в теме есть гугл шрифты...ситуация слудующая: изначально подключенные шрифты не понимали кириллицу &subset=latin,cyrillic добавил встало всё на свои места, какие-то шрифты которые имеют кириллицу стали применяться т.е. отображать кирилический текст некоторые нет. Но при переходе по сайту на другую страницу и возвращения на главную, опа и опять применился шрифт по умолчанию Arial! Причем заметил такую тенденцию, это применимо не для всех шрифтов...какие-то работаю исправно к примеру Open Sans! а какие-то нет к примеру Comfortaa. Помогите разобраться!

 

[Nevada]

Да, к сожалению, я Oswald заменил на Yanone Kaffeesatz "Для просмотра ссылки Войди или Зарегистрируйся", они вроде похожи.

Yanone Kaffeesatz тоже не поддерживает кирилицу
так что нужно заменять на что-то другое.
вообще, oswald западники часто используют.
на что бы такое русскоговорящее его заменить? чтобы было достаточно узко, как в освальде, и немного повыше стандартного.

 

[Oscomm]

Yanone Kaffeesatz тоже не поддерживает кирилицу
так что нужно заменять на что-то другое.
вообще, oswald западники часто используют.
на что бы такое русскоговорящее его заменить? чтобы было достаточно узко, как в освальде, и немного повыше стандартного.

Cuprum

 

[Nevada]

Cuprum

Спасибо! Пойду тестировать.

 

[Ulugbekuz]

нужно как то отключить загрузку шрифтов из гугл фонта... как можно легче это сделать?

 

[crunk]

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

 

[Nevada]

шрифты подгружаются в css файлах.
не знаю, как насчет многоязычных сайтов, нужно смотреть, что и как там вызывается, а в общем случае для отключения загрузки с гугла, нужно скачать файлы шрифтов, и в css файлах поменять путь с гугла на локальный, вроде такого:

<pre><code>@font-face {
font-family: 'ШРИФТ';
font-style: normal;
font-weight: 400;
src: url('../fonts/ШРИФТ/ШРИФТ.woff2') format('woff2'),url('../fonts/ШРИФТ/ШРИФТ.eot'), url('../fonts/ШРИФТ/ШРИФТ.eot?#iefix') format('embedded-opentype'), url('../fonts/ШРИФТ/ШРИФТ.ttf') format('truetype'), url('../fonts/ШРИФТ/ШРИФТ.svg#latolight') format('svg');
}

гугл выдаст название шрифта что-то вроде 1YwB1sO8YE1Lyjf12WNiUA.woff2, после скачивания его можно переименовать во что-то более удобоваримое, и соответствующее название указать в css.

в сорцах прописаны различные форматы шрифтов, потому что для разных браузеров нужны разные, гугл подставляет их автоматически, при использовании локальных шрифтом вам нужно это делать самому.

скачать все варианты шрифта можно через сервис localfont.com вместе с соответствующим css.