Реагировать Не удается найти модуль - шрифты ttf, otf - PullRequest
0 голосов
/ 28 февраля 2019

Я пытаюсь загрузить локальный шрифт, как показано ниже, но я получаю ошибку Cannot find module '@/landing/fonts/Gotham-Bold.ttf' и понятия не имею, что на самом деле не так в этом пути.

моя структура папок выглядит следующим образом, и кодЯ работаю над LandingPage.tsx

enter image description here

import { createGlobalStyle } from 'styled-components';
import font from './fonts/Gotham-Bold.ttf'

const Gotham = createGlobalStyle`
  @font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: bold;
    src:
      url(${font}) format('truetype'),
  }
`

1 Ответ

0 голосов
/ 28 февраля 2019

Согласно вашей структуре папок LandingPages.tsx находится внутри папки страниц.Папка страниц является родственной папкой шрифтов.Вам необходимо перейти к папке со шрифтами из папки страниц.

Правильный путь будет '.././fonts/Gotham-Bold.ttf'

Вам нужно подняться на один уровень вверх (..) и затем перейти к шрифтампапка.

Дайте мне знать, если это решит вашу проблему.

...