css - 为什么我的字体不能在移动设备上运行？

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’; 没有使用普通的单引号。

将''替换为''。