Я не могу применить пользовательский шрифт в div

Question

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

.card-body {
  color: #fff;
  font-family: warnock, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

<div class="card-body">
  <p>Microblading is a two step process. After 4 weeks your brows will have healed and we aim to work with a 60% retention rate. This is based upon our products, pigments and skill used in the initial treatment. If you were to leave your brows at this stage
    they would still look ok but you would not see the full benefit of a beautiful pair of brows for the full 12-18months. The initial top up at 4-6 weeks allows me to top up the strokes that need a touch up, bringing the pigment back up to 100%.</p>
  <p>A few more things to consider BEFORE the microblading treatment, if you have any questions about any of it please just shout:</p>
  <ul>
    <li>Do not drink coffee, alcohol or energizing drinks on the day of treatment.</li>
    <li> Do not take Aspirin, Niacin, Vitamin E or Ibuprofen 24 hours before treatment.</li>
    <li> Do not take omega3 (fish oil) 1 week before treatment.</li>
    <li> Do not tan or have intense sun exposure 3 days before treatment.</li>
    <li>No waxing 2-3 days before treatment.</li>
    <li> No chemical peels, dermabrasion, laser or any other intense treatments like Botox 2 weeks before or after the treatment.</li>
    <li> Skin should be healthy, non-irritated and blemish free. I cannot blade over spots or Moles.</li>
  </ul>
</div>

Answer 1

Вам необходимо заменить color: #fff на color: black.

Answer 2

ффф это белый. таким образом, у вас есть белое на белом и вы не видите, что ваше css происходит

.card-body {
  color: green;
  font-family: warnock, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

<div class="card-body">
  <p>Microblading is a two step process. After 4 weeks your brows will have healed and we aim to work with a 60% retention rate. This is based upon our products, pigments and skill used in the initial treatment. If you were to leave your brows at this stage
    they would still look ok but you would not see the full benefit of a beautiful pair of brows for the full 12-18months. The initial top up at 4-6 weeks allows me to top up the strokes that need a touch up, bringing the pigment back up to 100%.</p>
  <p>A few more things to consider BEFORE the microblading treatment, if you have any questions about any of it please just shout:</p>
  <ul>
    <li>Do not drink coffee, alcohol or energizing drinks on the day of treatment.</li>
    <li> Do not take Aspirin, Niacin, Vitamin E or Ibuprofen 24 hours before treatment.</li>
    <li> Do not take omega3 (fish oil) 1 week before treatment.</li>
    <li> Do not tan or have intense sun exposure 3 days before treatment.</li>
    <li>No waxing 2-3 days before treatment.</li>
    <li> No chemical peels, dermabrasion, laser or any other intense treatments like Botox 2 weeks before or after the treatment.</li>
    <li> Skin should be healthy, non-irritated and blemish free. I cannot blade over spots or Moles.</li>
  </ul>
</div>