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 that you have read and understand our privacy policy and code of conduct.

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