Уже голову сломал c font face | WordPress.org Русский

Решено mihail1234
(@mihail1234)

3 года, 10 месяцев назад

Всех приветствую, уже незнаю что делать? Тема 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)

3 года, 10 месяцев назад

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

Модератор Yuri
(@yube)

3 года, 10 месяцев назад

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

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

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

Автор mihail1234
(@mihail1234)

3 года, 10 месяцев назад

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

3 года, 10 месяцев назад
Юрий, так тоже не работает
```
 @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; }
```
- Ответ изменён 3 года, 10 месяцев назад пользователем Yui.
- Ответ изменён 3 года, 10 месяцев назад пользователем Yui. Причина: оф кода
Модератор Yuri
(@yube)

3 года, 10 месяцев назад

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

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

Автор mihail1234
(@mihail1234)

3 года, 10 месяцев назад

stile.css темы
Flector
(@flector)

3 года, 10 месяцев назад
а вы уверены, что не работает то?
у вас для всего прописано:
```
font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
```
во-вторых, у вас там плагин минификации стоит — вы его кэш сбрасываете?
Автор mihail1234
(@mihail1234)

3 года, 10 месяцев назад

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

Flector
(@flector)

3 года, 10 месяцев назад

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

Автор mihail1234
(@mihail1234)

3 года, 10 месяцев назад

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

Модератор Yuri
(@yube)

3 года, 10 месяцев назад

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

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

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

Автор mihail1234
(@mihail1234)

3 года, 10 месяцев назад

МЛЯЯ, вставлять нужно было в style.min.css
anonymized-17844177
(@anonymized-17844177)

3 года, 10 месяцев назад
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)

3 года, 10 месяцев назад
Всем спасибо проблема решилась,
```
@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;}
```
Вариант рабочий но с косяками по элементору, и видимо после кеширования нужно будет заново ставить
- Ответ изменён 3 года, 10 месяцев назад пользователем Yui.
- Ответ изменён 3 года, 10 месяцев назад пользователем Yui. Причина: please use CODE button for proper formatting

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

Тема «Уже голову сломал c font face» закрыта для новых ответов.