CSS непонятные шрифты на телефоне

Question

[Сергей Макаров]

Никто не сталкивался с такой ситуацией? www.4sol.pro/sk/index.html
На телефонах не подключается шрифт в некоторых местах, зато в браузерах всё отлично работает. С чем это может быть связанно?

Comments

[zxmd]

У вас на карте Кельн вместо Нижнего отображается :)

Answer 1

[Николай Васильчук]

GET http://www.4sol.pro/sk/css/fonts/PFDinTextCompPro-Regular.woff 404 (Not Found)

Comments

[Сергей Макаров]

=) Там не этот шрифт вообще подключается, это тут не причём

Answer 2

[Юрий Лобанов]

В каком именно месте? На каких телефонах? Лучше было бы, если бы Вы стили этого элемента привели. И каким образом не подключается? заменяет на стандартный или иероглифы?

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

Comments

[Сергей Макаров]

Про кнопку Наверх знаю, но это пока не актуально, актуально то, почему именно на телефонах так отображается странно.

Answer 3

[Сергей Макаров]

На всех телефонах, на Iphone, Galaxy, Sony Z проверяли, везде одинаково.

Что бы получить бесплатную консультацию, записаться на прием или узнать любую интересующую вас информацию:
звоните по телефону: ***** или оставьте свои контакты:

Мы свяжемся с вами в ближайшее время и ответим на все ваши вопросы

Именно эти блоки отображаются не правильно! Гружу эмулятор телефонов, там все нормально.
Стили элемента:

#parik .backformn #plain p { 
font-family: "PTSansR";
font-size: 14px;
}

Шрифты грузятся так:

@font-face {
  font-family: 'PTSansR';
  src: url('fonts/PTS55F_W.eot');
  src: url('fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
       url('fonts/PTS55F_W.woff') format('woff'),
       url('fonts/PTS55F.ttf') format('truetype'),
       url('fonts/PTS55F_W.svg#svgFontName') format('svg');
  font-weight: normal;
  font-style: normal;
}

Comments

[Сергей Макаров]

И такой момент шрифт то грузится, размер не правильный выдает! Жалко на телефоне нельзя проинспектировать!

[denisfl]

На телефоне можно проинспектировать. Если у вас windows или mac os, можете попробовать html.adobe.com/edge/inspect
Если у вас линукс, то можно c помощью developer.android.com/sdk/index.html отследить