Переопределить Bootstrap стилей с помощью пользовательского. css файла (приложение React) - PullRequest
Новая
       10

Переопределить Bootstrap стилей с помощью пользовательского. css файла (приложение React)

0 голосов
/ 24 марта 2020

Я создал приложение React, но я хочу использовать шрифт Google Fonts для приложения вместо шрифта Segoe UI Bootstrap,

. Я создал пользовательский файл. css в publi c, но шрифт никогда не меняется 

index.html

<link rel="stylesheet" type="text/css" href="custom.css" />
<link
   href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap"
   rel="stylesheet"
/>
<link
   rel="stylesheet"
   href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
   integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
   crossorigin="anonymous"
/>

custom.css

body {
  font-family: "Montserrat", sans-serif;
}

h3 {
  color: red;
}

Меняется цвет h3, но не шрифт, шрифт bootstrap всегда заменяет мой

И если Я добавляю "! Important" к шрифту, он работает, но я уверен, что есть способ сделать это без использования

...