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

  • Решено Kupets

    (@kupets)


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

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

Просмотр 15 ответов — с 16 по 30 (всего 47)
1 2 3 4
  • visajack

    (@visajack)

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

    в хидере вот старый код откуда?

    <style id='wt-style-inline-css' type='text/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;
.cat28-bg{background:} .cat21-bg{background:}
</style>

    Автор Kupets

    (@kupets)

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

    А это я экспериментировал…) Сейчас убрал его оттуда… Нет результата…

    visajack

    (@visajack)

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

    Да и распаковывать нужно бьло в папках! просто РАПАКОВАТЬ архив не меняя структуры 🙂
    Естественно код другой. Вы правда не понимаете что делаете?
    Если вы все 6 файлов просто закинули в fonts, то код:

    @font-face {
    font-family: "PTSansCaptionRegular";
    src: url("/fonts/PTSansCaptionRegular.eot");
    src: url("/fonts/PTSansCaptionRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionRegular.woff") format("woff"),
    url("/fonts/PTSansCaptionRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "PTSansCaptionBold"; */
@font-face {
    font-family: "PTSansCaptionBold";
    src: url("/fonts/PTSansCaptionBold.eot");
    src: url("/fonts/PTSansCaptionBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTSansCaptionBold.woff") format("woff"),
    url("/fonts/PTSansCaptionBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

    visajack

    (@visajack)

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

    Сейчас убрал его оттуда… Нет результата…

    Ничего вы не убрали. Как висел код после загрузки style.css и перед загрузкой font-awesome так и висит

    visajack

    (@visajack)

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

    Заработало, гляжу 🙂

    Автор Kupets

    (@kupets)

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

    Это если через гугл хром смотреть то заработало (я включил этот шрифт через тему), а вот в других браузерах не работает по прежнему…

    visajack

    (@visajack)

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

    Да уберите ж вы вот этот код:

    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;
.cat28-bg{background:} .cat21-bg{background:}

    Который между style.css и font-awesome
    То, что после боди:

    body{
	font-family: PT Sans Caption, sans-serif, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: PT Sans Caption, sans-serif, serif;
}

    visajack

    (@visajack)

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

    Вы загружаете шрифт PTSansCaptionRegular в style.css
    Затем своим кодом подменяете стиль для бади и заголовков на гугловский шрифт PT Sans Caption
    Затем ЛОМАЕТЕ PTSansCaptionRegular вон тем кодом, который я прошу удалить.

    В итоге хром отображает, а IE, например использует тот, что стоит вторым, в вашем случае Sans-Serif

    Автор Kupets

    (@kupets)

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

    Сейчас удалил? Посмотрите пожалуйста…

    Автор Kupets

    (@kupets)

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

    А нет, сейчас еще раз попробую его найти…)

    visajack

    (@visajack)

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

    Купец, ну Вы же 10 минут назад добавили код:

    <style id='wt-style-inline-css' type='text/css'>
body{
	font-family: PT Sans Caption, sans-serif, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: PT Sans Caption, sans-serif, serif;
}

    А СРАЗУ ПОСЛЕ НЕГО

    @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;
.cat28-bg{background:} .cat21-bg{background:}
</style>

    Так вот, УДАЛИТЕ 🙂
    Это раз, а ещё правильней заменить весь этот код так.
    вместо:

    <style id='wt-style-inline-css' type='text/css'>
body{
	font-family: PT Sans Caption, sans-serif, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: PT Sans Caption, sans-serif, serif;
}

@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;
.cat28-bg{background:} .cat21-bg{background:}
</style>

    вставьте 

    <style id='wt-style-inline-css' type='text/css'>
body{
	font-family: PTSansCaptionRegular, sans-serif, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: PTSansCaptionRegular, sans-serif, serif;
}
.cat28-bg{background:} .cat21-bg{background:}
</style>
    Автор Kupets

    (@kupets)

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

    не могу я найти где этот код висит который удалить надо, все папки облазил…(((

    visajack

    (@visajack)

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

    балин
    ну как же вы удалили только что бади и заголовки?
    🙂
    Забейте пока на это.
    Помните где удаляли код:

    body{
	font-family: PT Sans Caption, sans-serif, serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: PT Sans Caption, sans-serif, serif;
}

    visajack

    (@visajack)

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

    Короче. Вы либо тут либо вас нет.
    По 40 минут ждать ответа — это не диалог.

    Автор Kupets

    (@kupets)

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

    балин

    это очень мягко — я уже по другому выражаюсь…)
    Так что дальше?)

Просмотр 15 ответов — с 16 по 30 (всего 47)
1 2 3 4
  • Тема «От чего зависят отображения шрифтов?» закрыта для новых ответов.