Шрифт и браузеры

12
Xvost
На сайте с 22.10.2013
Offline
44
2479

Добрый день, необходима помощь!

Редактирую шаблон WordPress и добрался до шрифтов.

Шаблон англоязычный и шрифт, который стоял по умолчанию, кириллицу не поддерживал. В настройках темы есть отдельный раздел для смены шрифтов, я выставил какие мне нужны. Выбор пал на 'Roboto' и 'PT Sans'.

В хроме и Яндекс браузере все отлично работает, шрифты стали как и надо, т.е. Roboto и PT Sans, а вот мозила и IE не хотят их принимать и ставят следующий по приоритету Arial.

Пробовал уже руками добавлять шрифт со всеми расширениями (и под мозилу, и под IE) в папку fonts, прописывал правило в css - @font-face. Ничего не изменилось.

Сижу ломаю голову, ничего придумать не могу. Может есть у кого идеи в каком хоть направлении двигаться, искать?

WebAlt
На сайте с 02.12.2007
Offline
256
#1
Xvost:
... в каком хоть направлении двигаться, искать?

Не используйте нестандартные шрифты.

Веб-дизайн под ваши задачи: https://art-snowball.ru/
Geers
На сайте с 12.04.2011
Offline
487
#2

Значит не правильно прописан @font-face.

Покажите код.

[Удален]
#3

Не должно такого быть. Может эсплорер старый? Обновитесь.

P.S. У меня с шаблонами так всегда, шрифты переставляю вручную, но никогда по-разному Google Fonts не отображался, даже телефон их выводит на экран как положено. Может, те "опции темы", где фонты регулируются - в вашей копии битые? Попробуйте плагин поставить, там несколько есть, если будет продолжаться - отпишитесь здесь, пожалуйста, интересно.

Xvost
На сайте с 22.10.2013
Offline
44
#4
Anglo:
Может, те "опции темы", где фонты регулируются - в вашей копии битые?

Тема покупалась на ThemeForest, разработчики NiceThemes, по-моему. Может что-то и битое там, не могу сказать.

---------- Добавлено 04.04.2015 в 19:27 ----------

Geers:
Значит не правильно прописан @font-face.

Покажите код.

@font-face {

font-family: "RobotoRegular";

src: url("font/RobotoRegular/RobotoRegular.eot");

src: url("font/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),

url("font/RobotoRegular/RobotoRegular.woff") format("woff"),

url("font/RobotoRegular/RobotoRegular.ttf") format("truetype");

font-style: normal;

font-weight: normal;

}

Вот такого плана код. Делал с помощью сервиса fontsquirrel com, потом пробовал отсюда fonts4web ru/roboto.html

[Удален]
#5

а если убрать font-weight строку? попробуйте

Xvost
На сайте с 22.10.2013
Offline
44
#6
Anglo:
а если убрать font-weight строку? попробуйте

Ничего не поменялось так.

Я вроде нашел работающую цепочку:) Загрузил шрифты, прописал font-face, выключил галочку "использовать следующие шрифты" в настройках темы, поменял в style.css автозаменой стандартный шрифт на нужный мне и вроде все ок!

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

Olldman
На сайте с 21.04.2010
Offline
79
#7
Xvost:

Сижу ломаю голову, ничего придумать не могу. Может есть у кого идеи в каком хоть направлении двигаться, искать?

- Попробуйте применить такой код:

@font-face {
font-family: 'RobotoRegular';
src: url('font/RobotoRegular/RobotoRegular.eot');
src: local('☺'),
url('font/RobotoRegular/RobotoRegular.woff') format('woff'),
url('font/RobotoRegular/RobotoRegular.ttf') format('truetype'),
url('font/RobotoRegular/RobotoRegular.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Конструкция src: local('☺') нужна для того, чтобы IE не споткнулся об ttf-формат, ну и по некоторым другим причинам

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

B3
На сайте с 09.12.2014
Offline
21
#8

Если подключаете локально - проверьте, что спец-форматы шрифтов физически лежат на сервере и не возвращают 404

рыбу не убить
Xvost
На сайте с 22.10.2013
Offline
44
#9

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

Такой код вставляю в css:

@font-face {

font-family: RobotoRegular;
src: url(fonts/RobotoRegular/RobotoRegular.eot);
src: local(☺),
url(fonts/RobotoRegular/RobotoRegular.woff) format("woff"),
url(fonts/RobotoRegular/RobotoRegular.ttf) format("truetype"),
url(fonts/RobotoRegular/RobotoRegular.svg) format("svg");
font-style: normal;
font-weight: normal;
}

Все font-family, fonts в css прописаны под Roboto. (font-family: Roboto, arial, sans-serif; )

Вот что показывает Firefox через Firebug:

http://www.floomby.ru/s2/RU4STW

Т.е. он не видит/не подгружает/не хочет брать этот шрифт?

Если подключаете локально - проверьте, что спец-форматы шрифтов физически лежат на сервере и не возвращают 404

Проверил, доступны, 404 не возвращают.

Olldman
На сайте с 21.04.2010
Offline
79
#10

Попробуйте прописать так, как у самого гугла на демо странице:

 font-family: 'Roboto';

т.е. в кавычках.

И еще - я нигде не встретил в стилях RobotoRegular.

Есть Roboto, Roboto Condensed, Roboto Slab

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий