От чего зависят отображения шрифтов?

Решено Kupets
(@kupets)

9 лет, 8 месяцев назад

Всем привет!
В настройках темы мною выбран шрифт PT Sans Caption, но при тестировании его на разных браузерах он корректно отображается только в Chrome и в некоторых местах в Firefox и Edge…
Почему шрифт не отображается корректно во всех браузерах? И возможно ли это как то исправить?
Вообще интересна причина разного показа шрифтов…
Есть ли шрифт который будет работать одинаково везде?

Просмотр 15 ответов — с 1 по 15 (всего 47)

1 2 3 4 →

Flector
(@flector)

9 лет, 8 месяцев назад

угу, любой стандартный.
а все «индивидуальные» шрифты должны правильно подключаться.

Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

а все «индивидуальные» шрифты должны правильно подключаться

А как правильно подключить «индивидуальный» не подскажите? В теме я его поставил — этого видимо мало?
скрин: http://s017.radikal.ru/i426/1508/00/2b55c08e933e.png
А вот и сам шрифт который нужен: https://www.google.com/fonts#QuickUsePlace:quickUse

Flector
(@flector)

9 лет, 8 месяцев назад

подключением должна заниматься тема.
я не знаю, как там это реализовано.

может там банально шрифт без русских символов подключается, я не знаю.
http://fonts4web.ru/ptsanscaption.html

Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

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

Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

Flecor, я не могу найти /stylename.css (Файл стилей, в котором подключаются русские шрифты)в файлах темы… Не подскажите подробнее по вашей ссылке как все сделать…
Пока пробовал — ничего не выходит…
Спасибо!

Flector
(@flector)

9 лет, 8 месяцев назад

вы же понимаете, что stylename.css это обозначение для файлов стилей сайта, то есть в случае wordpress это style.css темы?
Автор Kupets
(@kupets)

9 лет, 8 месяцев назад
Я сделал так:
1. Закачал шрифт в папку font-awesome
2. Вставил в style.css этот код:
```
@font-face {
    font-family: "PTSansCaptionRegular";
    src: url("../fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot");
    src: url("../fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/PTSansCaptionRegular/PTSansCaptionRegular.woff") format("woff"),
    url("../fonts/PTSansCaptionRegular/PTSansCaptionRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
```
Итог: шрифт не отображается… Что не правильно?
Спасибо…
visajack
(@visajack)

9 лет, 8 месяцев назад
Ну во-первых, говорите что закинули в font-awesome а указываете fonts.

Укажите полные пути от корня:
Чтобы наверняка в КОРНЕ сайта создайте папку fonts.
Распакуйте в неё архив
А затем в style.css код
```
@font-face {
    font-family: "PTSansCaptionRegular";
    src: url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot");
    src: url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.woff") format("woff"),
    url(".fonts/PTSansCaptionRegular/PTSansCaptionRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PTSansCaptionBold"; */
@font-face {
    font-family: "PTSansCaptionBold";
    src: url("/fonts/PTSansCaptionBold/PTSansCaptionBold.eot");
    src: url("/fonts/PTSansCaptionBold/PTSansCaptionBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionBold/PTSansCaptionBold.woff") format("woff"),
    url("/fonts/PTSansCaptionBold/PTSansCaptionBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
```
Автор Kupets
(@kupets)

9 лет, 8 месяцев назад
Уже как то и неудобно, но не отображается опять…)
Сделано следующие:
1. В корне сайта в папку fonts распакован шрифт
2. В style.css темы вставлен вышеуказанный код, но опять результата нет…
Может быть в style.css код вставлен не туда? Не подскажите в какое место его правильно вставить?)
Я вставил сюда:
```
/* 1. BASE
 * ============= */
@font-face {
    font-family: "PTSansCaptionRegular";
    src: url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot");
    src: url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.woff") format("woff"),
    url(".fonts/PTSansCaptionRegular/PTSansCaptionRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PTSansCaptionBold"; */
@font-face {
    font-family: "PTSansCaptionBold";
    src: url("/fonts/PTSansCaptionBold/PTSansCaptionBold.eot");
    src: url("/fonts/PTSansCaptionBold/PTSansCaptionBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionBold/PTSansCaptionBold.woff") format("woff"),
    url("/fonts/PTSansCaptionBold/PTSansCaptionBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
```
visajack
(@visajack)

9 лет, 8 месяцев назад

сайт покажите

Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

http://rucrimes.ru/

visajack
(@visajack)

9 лет, 8 месяцев назад

ТОлько вот в стилях я нигде не увидел, чтобы Вы этот шрифт вызывали

И ещё. Что именно вы распаковали в папку fonts?

Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

1.
Сейчас посмотрите, я код удалял т.к ничего не получилось — сейчас вернул его в css
2.
PTSansCaptionBold.eot
PTSansCaptionBold.ttf
PTSansCaptionBold.woff
PTSansCaptionRegular.eot
PTSansCaptionRegular.ttf
PTSansCaptionRegular.woff
visajack
(@visajack)

9 лет, 8 месяцев назад
И там у меня ошиьбка (только сейчас заметил
точка вместо слеша в пути.
```
url(".fonts/PTSansCaptionRegular/PTSansCaptionRegular.ttf") format("truetype");
```
а нужно
```
url("/fonts/PTSansCaptionRegular/PTSansCaptionRegular.ttf") format("truetype");
```
Автор Kupets
(@kupets)

9 лет, 8 месяцев назад

Поправил — но ничего не поменялось…