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

@NormalThread · Регистрация: 12.08.2017

Студворк — интернет-сервис помощи студентам

Появилась следующая проблема. Подключаю шрифт, поддерживающий кириллицу. На десктопе все выглядит нормально, при изменении размера экрана так же все отображается правильно. Но вот на всех мобильных устройствах, во всех браузерах отображаются не все шрифты от Googl'a. В чем может быть проблема и можно ли ее исправить?

Амурский · 02.05.2018, 05:55

Как подключаете? Локально или с Google?

@NormalThread · 02.05.2018, 10:31 **[ТС]**

Амурский, @import url("https://fonts.googleapis.com/css?family=PT+Serif+Caption:400,400i")
CSS Stylesheets

Амурский · 02.05.2018, 11:26

Посоветую подключать в head так:

HTML5

1	<link href="https://fonts.googleapis.com/css?family=PT+Serif\|PT+Serif+Caption:400,400i" rel="stylesheet">

@NormalThread · 02.05.2018, 13:03 **[ТС]**

Амурский, я пробовал хоть как подключать - все равно проблема остается

@Academik · 02.05.2018, 13:15

Возможно это связано с тем, что РКН заблокировал множество ip гугла. Сейчас такие проблемы на многих сайтах. Найдите нужный вам шрифт в интернете, сгенерируйте его через web font generator и подключите его локально через font-face.

Амурский · 02.05.2018, 15:13

https://google-webfonts-helper... com/fonts/
Здесь все шрифты Google можно скачать и подключить локально.

Добавлено через 34 секунды
Плюс CSS сниппет для подключения генерит

@Mailo · 04.05.2018, 01:40

Не зря видать я свою библиотеку шрифтов собираю и только с fontface работаю, кстати как это подключить гуглшрифт локально, а не из интернета?

Амурский · 04.05.2018, 08:22

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

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

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

CSS

/* 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 */
}

@NormalThread 2 / 2 / 1 Регистрация: 12.08.2017 Сообщений: 110
		1
	Не отображаются Google Fonts шрифты на мобильном устройстве 01.05.2018, 20:00. Показов 7635. Ответов 8 Метки нет (Все метки) Появилась следующая проблема. Подключаю шрифт, поддерживающий кириллицу. На десктопе все выглядит нормально, при изменении размера экрана так же все отображается правильно. Но вот на всех мобильных устройствах, во всех браузерах отображаются не все шрифты от Googl'a. В чем может быть проблема и можно ли ее исправить? 0

Амурский 35 / 33 / 12 Регистрация: 11.11.2014 Сообщений: 303
	02.05.2018, 05:55	2
	Как подключаете? Локально или с Google? 0

@NormalThread 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

@NormalThread 2 / 2 / 1 Регистрация: 12.08.2017 Сообщений: 110
	02.05.2018, 13:03 [ТС]	5
	Амурский, я пробовал хоть как подключать - все равно проблема остается 0

@Academik 1025 / 678 / 295 Регистрация: 04.04.2013 Сообщений: 2,707
	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

@Mailo 228 / 208 / 27 Регистрация: 18.02.2010 Сообщений: 1,982
	04.05.2018, 01:40	8
	Не зря видать я свою библиотеку шрифтов собираю и только с fontface работаю, кстати как это подключить гуглшрифт локально, а не из интернета? 0

Опции темы