Почему мои шрифты не работают на мобильных устройствах?

Question

Мои шрифты работают на настольной версии моего веб-сайта, однако, похоже, они не работают на мобильном устройстве.

Я пытался добавить некоторый глобальный код CSS, но, похоже, это не имеет значения. Не уверен, есть ли ошибки в коде или нет.

   @font-face {
   font-family: ‘Rajdhani-Medium’;

   src: 
   url('https://donneverzekeringen.be/wp-content/uploads/2019/05/Rajdhani-Medium.eot'); /* IE9 Compat Modes */

   src: 
   url('https://donneverzekeringen.be/wp-content/uploads/2019/05/Rajdhani-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

   url('https://donneverzekeringen.be/wp-content/uploads/2019/05/Rajdhani-Medium.woff') format('woff'), /* Pretty Modern Browsers */

   url('https://donneverzekeringen.be/wp-content/uploads/2019/05/Rajdhani-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */

   url('https://donneverzekeringen.be/wp-content/uploads/2019/05/Rajdhani-Medium.svg#svgRajdhani-SMedium') format('svg'); /* Legacy iOS */

   font-weight: normal;
   font-style: normal; 
   }

Кто-то замечает ошибку в приведенном выше коде или знает причину, по которой он не работает на мобильном телефоне? Заранее спасибо!

Answer 1

Ваша первая строка font-family: ‘Rajdhani-Medium’; не использует обычные одинарные кавычки.

Заменить ‘’ на ''.