google font error

by Noir Noir

HTML

<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap" rel="stylesheet">

<p class="clamp-container spec-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit&#8230;&#x2026; ... Vestibulum ultricies magna turpis, eget placerat lectus tempus finibus. Donec facilisis tristique est. Nunc maximus, lectus nec pretium cursus, ex enim imperdiet metus, nec iaculis mauris metus eu neque. Sed bibendum, felis non convallis condimentum, sem enim iaculis leo, nec finibus arcu metus ac arcu.</p>

<p class="clamp-container regular-font">Идейные соображения высшего порядка, а также реализация намеченных плановых заданий позволяет оценить значение системы обучения кадров, соответствует насущным потребностям. Идейные соображения высшего порядка, а также постоянное информационно-пропагандистское обеспечение нашей деятельности представляет собой интересный эксперимент проверки системы обучения кадров, соответствует насущным потребностям. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке систем массового участия.</p>

CSS

.clamp-container {
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.regular-font {
  font-family: sans-serif;
}

.spec-font {
  font-family: 'M PLUS 1p';
}