Уже голову сломал c font face

  • Решено mihail1234

    (@mihail1234)


    4 года, 6 месяцев назад

    Всех приветствую, уже незнаю что делать? Тема Neve, не подключается шрифт и всё, может кто подскажет что не так. Вставляю в style.css, стилей в теме дохрена, может где то в них дело. в общем скачал шрифты, залил на хостинг, путь к шрифтам /www/art-tono.com/wp-content/themes/neve/assets/fonts/

    @font-face {font-family: ‘ABChanel’;
    src: url(‘/assets/fonts/m1.eot’); /* IE9*/
    src: url(‘/assets/fonts/m1.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
    url(‘/assets/fonts/m1.woff2’) format(‘woff2’), /* chrome、firefox */
    url(‘/assets/fonts/m1.woff’) format(‘woff’), /* chrome、firefox */
    url(‘/assets/fonts/m1.ttf’) format(‘truetype’), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url(‘/assets/fonts/m1.svg#ABChanel PB SemiBold M’) format(‘svg’); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;}

    * { font-family: ‘ABChanel’ !important; }

    так и не работает, что может быть?

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • sergey2020

    (@sergey2020)

    4 года, 6 месяцев назад

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

    Модератор Юрій

    (@yube)

    4 года, 6 месяцев назад

    путь к шрифтам /www/art-tono.com/wp-content/themes/neve/assets/fonts/

    Если так, то почему src указываете от корня сайта?

    src: url(‘/assets/fonts/m1.eot’); /* IE9*/

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    Sergey, если было так всё просто, я бы сюда не писал, уперся человек хочу такой шрифт и хоть ты тресни.

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    Юрий, так тоже не работает

    
 @font-face {font-family: 'ABChanel';
  src: url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot'); /* IE9*/
  src: url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff2') format('woff2'), /* chrome、firefox */
  url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff') format('woff'), /* chrome、firefox */
  url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.svg#ABChanel PB SemiBold M') format('svg'); /* iOS 4.1- */
  font-weight: normal;
  font-style: normal;}
  
*  { font-family: 'ABChanel' !important; }
    • Ответ изменён 4 года, 6 месяцев назад пользователем Yui.
    • Ответ изменён 4 года, 6 месяцев назад пользователем Yui. Причина: оф кода
    Модератор Юрій

    (@yube)

    4 года, 6 месяцев назад

    так тоже не работает

    И в каком css, подключенном на странице, это можно увидеть?

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    stile.css темы

    Flector

    (@flector)

    4 года, 6 месяцев назад

    а вы уверены, что не работает то?
    у вас для всего прописано:

    
font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;

    во-вторых, у вас там плагин минификации стоит — вы его кэш сбрасываете?

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    Да, сбрасываю каждый раз через fast cashe, правило прописываю в style.css темы в конце, по идеи должно меняться? То что скинули я так понимаю от правило от googlefonts.

    Flector

    (@flector)

    4 года, 6 месяцев назад

    для чего прописываете то?
    надо конкретно для чего-то — для p, h* и прочего.

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    * для всех, прописывал и html, body и все селекторы заголовков.

    Модератор Юрій

    (@yube)

    4 года, 6 месяцев назад

    правило прописываю в style.css темы в конце, по идеи должно меняться?

    По идее. Если этот style.css подключается. При включенном минификаторе трудно разобрать.

    Минификаторы и кэши вообще надо отключать на время (раз|до)работок.

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    МЛЯЯ, вставлять нужно было в style.min.css

    anonymized-17844177

    (@anonymized-17844177)

    4 года, 6 месяцев назад

    font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;

    а надо бы

    font-family: Graphik,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

    mihail1234, привет.

    Обычно @font-face прописывается вверху, а не в конце файла стилей. И, да, отключите минификацию на время выяснения вопроса.

    Попробуйте такой вариант:

    @font-face {
	font-family: "ABChanel PB SemiBold M";
	font-weight: normal;
	font-style: normal;
	src: url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot");
	src: url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot?#iefix") format("embedded-opentype"), url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff2") format("woff2"), url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff") format("woff"), url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.ttf") format("truetype"), url("//art-tono.com/wp-content/themes/neve/assets/fonts/m1.svg#ABChanel PB SemiBold M") format("svg");
}

    и далее {font-family: "ABChanel PB SemiBold M", sans-serif;} для нужных селекторов, как Flector выше написал.

    Автор mihail1234

    (@mihail1234)

    4 года, 6 месяцев назад

    Всем спасибо проблема решилась, 

    
@font-face {font-family: 'ABChanel';src: url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot');src: url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.eot?#iefix') format('embedded-opentype'),url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff2') format('woff2'),url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.woff') format('woff'),url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.ttf') format('truetype'),url('https://art-tono.com/wp-content/themes/neve/assets/fonts/m1.svg') format('svg');font-weight: normal;font-style: normal;}* { font-family: 'ABChanel' !important; }.fab {font-family: "Font Awesome 5 Brands" !important;}.fa, .fas {font-family: "Font Awesome 5 Free" !important;}.far {font-family: "Font Awesome 5 Free" !important;}

    Вариант рабочий но с косяками по элементору, и видимо после кеширования нужно будет заново ставить

    • Ответ изменён 4 года, 6 месяцев назад пользователем Yui.
    • Ответ изменён 4 года, 6 месяцев назад пользователем Yui. Причина: please use CODE button for proper formatting
Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Уже голову сломал c font face» закрыта для новых ответов.