Как изменить шрифт сайта с помощью Bootstrap CDN

Question

Я пытаюсь изменить шрифт моего сайта, но я не могу получить доступ к файлу «bootstrap.css», так как я использую Bootstrap CDN.Есть ли какой-нибудь способ получить доступ к «bootstrap.css», все еще используя Bootstrap CDN, или мне нужно установить соответствующие файлы Bootstrap?

Я попытался изменить 'font-family' в моем 'main.css'файл, но это, похоже, ничего не делает.

body {
  background: #fafafa;
  color: #333333;
  margin-top: 5rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; 
}

Answer 1

Убедитесь, что при включении таблиц стилей main.css приходит ПОСЛЕ начальной загрузки, например:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="main.css">

В main.css создайте правило для селекторов, которые вы хотите перезаписать

body {
  font-family: "Times New Roman";
}

Если у меня возникают проблемы с проверкой работоспособности шрифтов, я часто выбираю явно другой шрифт, чтобы изменения были легко видны и чтобы не было проблем со спецификой или чем-то еще.После выяснения проблем я вернусь к реальному шрифту, который хотел использовать.