Начать новую тему
Решенные

Не работают шрифты

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


еще 2 человек сталкиваются с этой проблемой

@zikkod


Здравствуйте.


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


Спасибо.


Добрый день.


Слетают шрифты заголовков не в меню, а разделов - Новинки, бренды, Заголовки фильтров и заголовки в подвале, все что в теме Russian_theme указано как PT Sans. Через инструмент разработчика в хроме видно что стиль family-font: - становится перечеркнутым. Windows 7 64bit, у меня проблема воспроизводится на всех браузерах последних версий (chrome, Firefox, Safari, Opera). Причем проблема ранее появлялась после применения скругления при нажатии кнопки. Этот эффект также возникает если задать радиус через сss для главного меню и элемента поиска. Я просто не использую скругления теперь, т.к. и в стили модерн это тоже проявилось. 

png

@zikkod,

Здравствуйте!

К сожалению, нам так и не удалось воспроизвести проблему ни в своем тестовом магазине, и в вашем магазине на текущем стиле.

Как мы видим, у вас в редакторе тем выбран шрифт Open Sans для всех элементов. Мы включили опцию Скруглить углы в вашем редакторе тем и проверили ваш магазин. Никаких изменений со шрифтом не произошло, шрифт для разделов в подвале, заголовки Бренды, Новинки остались в шрифте Open Sans.

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

Спасибо.

 

fonts.png
(242 KB)

Здравствуйте!

А можете помочь составить CSS код по тому же типу, как в сообщении @Mariya Vechkanova, только для шрифта Cuprum вместо Roboto?

Здравствуйте, Юлия.


Если вы добавите дополнительные стили шрифта в стиль магазина, скорость загрузки страниц может значительно снизиться. Пожалуйста, имейте в виду этот факт при работе с такими шрифтами.


Ниже представлен код для полного набора символов шрифта Cuprum.

 

/* fallback */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://fonts.gstatic.com/s/cuprum/v7/PyVvWUAhrKujX9oDJLeQkQ.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://fonts.gstatic.com/s/cuprum/v7/gJovVCIsuVHpE7lUT-5TYfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://fonts.gstatic.com/s/cuprum/v7/TMj3tAAbnWTxQie9wLnZ2fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 400;
  src: local('Cuprum'), local('Cuprum-Regular'), url(http://fonts.gstatic.com/s/cuprum/v7/rZj40-VH1f1Wt0yg6Fkbcw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* fallback */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://fonts.gstatic.com/s/cuprum/v7/w-s6hE5mgHZqXymQuaPTUQ.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://fonts.gstatic.com/s/cuprum/v7/n3IzcUkIerri6e9sz7DgbhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://fonts.gstatic.com/s/cuprum/v7/uzbsbn5ow8tu8vOkX1aocxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum Bold'), local('Cuprum-Bold'), url(http://fonts.gstatic.com/s/cuprum/v7/SfDyn5tWOk7I1we45jpLK1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* fallback */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(http://fonts.gstatic.com/s/cuprum/v7/WGZWXDPdgHswimFH_uKUTA.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(http://fonts.gstatic.com/s/cuprum/v7/eMlDd9JwnvIQuJvJDnS1ZxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(http://fonts.gstatic.com/s/cuprum/v7/QxmSAs5cjsTOpL41JRoefRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 400;
  src: local('Cuprum Italic'), local('Cuprum-Italic'), url(http://fonts.gstatic.com/s/cuprum/v7/7Tr22pFIqlbT5cnmIKi5P_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* fallback */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(http://fonts.gstatic.com/s/cuprum/v7/bnkXaBfoYvaJ75axRPSwVFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
/* cyrillic */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(http://fonts.gstatic.com/s/cuprum/v7/qoCTdBYim27O_DVk90C7-TUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(http://fonts.gstatic.com/s/cuprum/v7/qoCTdBYim27O_DVk90C7-SYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cuprum';
  font-style: italic;
  font-weight: 700;
  src: local('Cuprum Bold Italic'), local('Cuprum-BoldItalic'), url(http://fonts.gstatic.com/s/cuprum/v7/qoCTdBYim27O_DVk90C7-Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

 

Чтобы получить такой код для других шрифтов, необходимо сделать следующее:


1. Перейдите на сайт Google fonts.

2. Нажмите на кнопку Quick use.

3. Выберите нужные стили.

4. Выберите набор символов.

5. В секции 3. Add this code to your website скопируйте URL, использующийся в коде.


6. Откройте этот URL в новом окне браузера.

7. Скопируйте полученные стили и вставьте в редактор тем Мерчиума.


При выборе символов и стиля, пожалуйста, обратите внимание на статистику Page load, которая оценивает предполагаемое влияние на скорость загрузки страниц, когда этот шрифт используется на сайте.



Спасибо.

Доброго времени суток! Такая же проблема, но только со шрифтом open sans: в редакторе тем все норм, жму на крестик, ообновляю - все слетает. Ваша инструкция не особо помогла, пытался вставить css - не помогло. Текстовый баннер и заголовки блоков выглядят плохо. Помогите, пожалуйста! Заранее спасибо :)

Этот стиль у меня в панели называется br 4. Проблемы с ним. Пока сменил его на br. Помогите, пожалуйста, при включении br 4 все слетает :(

@shamil.makhmutov


Здравствуйте.


Как мы видим, в стиле br4 для заголовков используется шрифт PT Sans, поэтому CSS-правила, добавленные для шрифта Open Sans, не будут работать. Для каждого шрифта требуются свои правила. Что касается баннера, в нем также используется тег h2, т. е. для баннера будет использоваться шрифт, выбранный в разделе Заголовки редактора тем.


В этой ситуации мы рекомендуем выбрать для заголовков шрифт, для которого дополнительные CSS-правила уже загружены. Или вы можете загрузить дополнительные правила для второго шрифта. Напоминаем, что загрузка дополнительных правил значительно влияет на скорость загрузки страниц магазина. Чем больше дополнительных шрифтов, тем медленнее будет загружаться магазин. Отметим, что для шрифтов из секции Системные шрифты дополнительные CSS-правила не требуются.


Надеемся, информация окажется полезной для вас.


Спасибо.

Мария, спасибо большое! Для заголовка и баннера оставил open sans. Немножко не то, конечно, может в прошлом дизайне к pt sans привык, не знаю) Но в целом проблема решена, еще раз огромное спасибо. Очень быстро ответили, прям удивили :)

@shamil.makhmutov


Спасибо за ответ. Всегда рады помочь!


Здравствуйте!

Подскажите пожалуйста, у меня все шрифты почему-то жирные. Хотя, в редакторе html все верно стоит. И если выделяю что-то жирным, то в итоге ничего этого не видно. Читать не удобно. Посмотрите пожалуйста.

jpg
(160 KB)

@janny-cook,


Здравствуйте.


Мы не воспроизвели указанную проблему в вашем магазине (пожалуйста, обратите внимание на прикрепленный снимок экрана). Насколько мы видим, на вашем снимке экрана использован другой шрифт. Пожалуйста, уточните, воспроизводится ли проблема для вас в настоящий момент.


Спасибо.

Здравствуйте, по инструкции вставил код для шрифта Ubuntu и он стал везде отображаться, но кроме телефона http://take.ms/a1skn


Код, который вставлял на всякий случай:

 

/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v8/iQ9VJx1UMASKNiGywyyCXvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(https://fonts.gstatic.com/s/ubuntu/v8/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v8/4z2U46_RRLOfkoHsWJG3vxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(https://fonts.gstatic.com/s/ubuntu/v8/0ihfXUL2emPh0ROJezvraFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v8/LYvzNpa5ecqVXi8cf4pj-hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(https://fonts.gstatic.com/s/ubuntu/v8/WB6rgjTg_oRfj6mlXZJbb_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

 

Здравствуйте, Григорий!

Чтобы изменить шрифт номера телефона мы добавили следующие правила в секцию Пользовательские CSS вашего редактора тем:

.ty-cr-phone-number-link * {
    font-family: Ubuntu;
}

 

 Спасибо.

Арина, большое спасибо. Всё работает


Войдите, чтобы опубликовать свой комментарий