Antonio Araujo 11 июля 2020 1

Абсолютные URL-адреса для ресурсов в CSS

Antonio Araujo / 11 июля 2020

Почему абсолютный путь для этого ресурса (шрифта) не работает, тогда как относительный путь работает?

<body>
  hello friend
</body>
<style type="text/css">
  @font-face {
    font-family: 'Gilroy';
    /* src: url("../src/styles/assets/Gilroy.otf"); */
    src: local('Gilroy')
      url('/Users/username/dev-env/test-react/app/src/styles/assets/Gilroy.otf');
  }
  body {
    font-family: Gilroy;
  }
</style>

Изменить: это проблема с React / Babel / Webpack. введите описание изображения здесь

1 Ответ

Nelson / 11 июля 2020

Вам не хватает , после local()

<style type="text/css">
  @font-face {
    font-family: 'Gilroy';
    src: local('Gilroy'),
      url('/Users/username/dev-env/test-react/app/src/styles/assets/Gilroy.otf');
  }
  body {
    font-family: Gilroy;
  }
</style>

См. Примеры @ font-face .

...