Поддержка Проблемы и решения Уже голову сломал c font face

  • Решено mihail1234

    (@mihail1234)


    Всех приветствую, уже незнаю что делать? Тема 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)
  • mihail1234,
    у меня есть встречное предложение: перейти на системные шрифты и голову не прядется ломать.

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

    (@yube)

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

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

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

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

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

    
     @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; }
    
    • Ответ изменён 2 года, 1 месяц назад пользователем Yui.
    • Ответ изменён 2 года, 1 месяц назад пользователем Yui. Причина: оф кода
    Модератор Юрий

    (@yube)

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

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

    stile.css темы

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

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

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

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

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

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

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

    (@yube)

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

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

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

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

    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 выше написал.

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

    
    @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;}
    

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

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