2 / 2 / 1
Регистрация: 12.08.2017
Сообщений: 110
1

Не отображаются Google Fonts шрифты на мобильном устройстве

01.05.2018, 20:00. Показов 6439. Ответов 8
Метки нет (Все метки)

Появилась следующая проблема. Подключаю шрифт, поддерживающий кириллицу. На десктопе все выглядит нормально, при изменении размера экрана так же все отображается правильно. Но вот на всех мобильных устройствах, во всех браузерах отображаются не все шрифты от Googl'a. В чем может быть проблема и можно ли ее исправить?
__________________
Помощь в написании контрольных, курсовых и дипломных работ, диссертаций здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
01.05.2018, 20:00
Ответы с готовыми решениями:

В опере не отображаются шрифты google fonts
Сейчас обнаружил такую проблему первый шрифт в опере работает нормально, а второй вообще не...

Не работает шрифты Google Fonts
Добрый день. Подскажите, пожалуйста, почему не подключатся шрифты от Google Fonts? В чём проблема?...

Как заставить плагин WP Google Fonts отображать кириллические шрифты?
Привет. Как заставить плагин WP Google Fonts отображать кириллические шрифты? Нашел только эту...

Фон на мобильном устройстве
Добрый день. Проблема: фон на мобильном сильно увеличивается и размазывается. На пк все ок. Где...

8
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
02.05.2018, 05:55 2
Как подключаете? Локально или с Google?
0
2 / 2 / 1
Регистрация: 12.08.2017
Сообщений: 110
02.05.2018, 10:31  [ТС] 3
Амурский, @import url("https://fonts.googleapis.com/css?family=PT+Serif+Caption:400,400i")
CSS Stylesheets
0
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
02.05.2018, 11:26 4
Посоветую подключать в head так:
HTML5
1
<link href="https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif+Caption:400,400i" rel="stylesheet">
0
2 / 2 / 1
Регистрация: 12.08.2017
Сообщений: 110
02.05.2018, 13:03  [ТС] 5
Амурский, я пробовал хоть как подключать - все равно проблема остается
0
1014 / 671 / 290
Регистрация: 04.04.2013
Сообщений: 2,686
02.05.2018, 13:15 6
Возможно это связано с тем, что РКН заблокировал множество ip гугла. Сейчас такие проблемы на многих сайтах. Найдите нужный вам шрифт в интернете, сгенерируйте его через web font generator и подключите его локально через font-face.
0
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
02.05.2018, 15:13 7
https://google-webfonts-helper... com/fonts/
Здесь все шрифты Google можно скачать и подключить локально.

Добавлено через 34 секунды
Плюс CSS сниппет для подключения генерит
0
207 / 189 / 24
Регистрация: 18.02.2010
Сообщений: 1,772
04.05.2018, 01:40 8
Не зря видать я свою библиотеку шрифтов собираю и только с fontface работаю, кстати как это подключить гуглшрифт локально, а не из интернета?
0
35 / 33 / 12
Регистрация: 11.11.2014
Сообщений: 303
04.05.2018, 08:22 9
Ссылка выше, чтобы настроить и скачать шрифты. Важно, если нужна поддержка кириллических шрифтов, в настройках чебокс отметить.

В итоге генерится код. Остается только создать в корне сайта папку fonts и распаковать скачанный архив. Предполагается, что файл стилей находится в папке css. Естественно путь можно свой прописать.

Вот и локальное подключение.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/* open-sans-regular - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-cyrillic_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - cyrillic_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-cyrillic_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.05.2018, 08:22
Помогаю со студенческими работами здесь

Данные о мобильном устройстве
Добрый день! Для статистики заходов на страничку, необходимо получить версию OS мобильного...

post на мобильном устройстве
скрипт не вылаживаю так он как и все остальные формы пост-отправки да и в браузере нормально...

Отображение на мобильном устройстве
Есть вот такой скрпит для отсчета времени(с использованием PHP): &lt;script type='text/javascript'&gt;...

Обычный сайт на мобильном устройстве
Вот этот сайт...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru