Я использую React с приложением create-Reaction-app. В моем App.tsx я импортирую «bootswatch / dist / lumen / bootstrap .min. css», который определяет шрифт для страницы. После npm start все работает нормально, и я вижу, что используется шрифт «Source Sans Pro». В devtools для тега body:
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
После запуска npm run build и serve build я вижу, что шрифт отличается, и в devtools я вижу:
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
...
}
по индексу. css: 2 и зачеркивание стиль
body {
font-family: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
...
}
при bootstrap .мин. css: 12
Я не знаю, где искать проблему , Не знаю, не загружен ли файл шрифта по какой-то причине. Я попытался добавить сюда путь к домашней странице, но ничего не изменилось (https://github.com/facebook/create-react-app/issues/1480).
Я нашел этот ответ (Bootstrap значки загружаются локально но не при подключении значки загружаются локально, но не при подключении к сети), но я не использую. NET и VS для объединения файлов внешнего интерфейса и не знаю, как применить это решение .
Также пытался установить typeface-source-sans-pro и импортировать его, но ничего не изменилось.