0

Вот код, ../ тоже пробовал. Не работает...

Вот код:

@font-face {
font-family:'Proxima Nova';
     src: url('/fonts/proximanova-regular.eot');
     src: local('☺'), url('/fonts/proximanova-regular.woff') format('woff'), 
     url('/fonts/proximanova-regular.ttf') format('truetype'), 
     url('/fonts/proximanova-regular.svg') format('svg');
     font-weight: 400;
     font-style: normal;
8
  • 3
    какая структура папок?
    – soledar10
    17 сен 2020 в 10:18
  • в fonts лежат шрифты, сразу, без доп папок.
    – Big Thinks
    17 сен 2020 в 11:31
  • где расположен css ?
    – soledar10
    17 сен 2020 в 11:37
  • Лежит в папке css.
    – Big Thinks
    17 сен 2020 в 11:43
  • получается папка css и fonts на одном уровне? Если так - тогда ../fonts/yourFonts
    – soledar10
    17 сен 2020 в 11:46

1 ответ 1

2

@font-face {
  font-family: 'Proxima Nova Regular';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ProximaNova-Regular.woff') format('woff'),
  url('../fonts/ProximaNova-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }

@font-face {
  font-family: 'Proxima Nova Semibold';
  src: url('../fonts/ProximaNova-Semibold.eot');
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ProximaNova-Semibold.woff') format('woff'),
  url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }

@font-face {
font-family: 'Proxima Nova Black';
src: url('../fonts/ProximaNova-Black.eot');
src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/ProximaNova-Black.woff') format('woff'),
url('../fonts/ProximaNova-Black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@mixin reg {
  font-family: 'Proxima Nova Regular',sans-serif;
  font-weight: 400;
}
@mixin bold {
  font-family: 'Proxima Nova Semibold',sans-serif;
  font-weight: 700;
}

@mixin black {
  font-family: 'Proxima Nova Black',sans-serif;
  font-weight: 900;
}

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.