我的字体可以在网站的桌面版本上使用,但是它们似乎不能在移动设备上使用。

我尝试添加一些全局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;
   }


有人注意到上面代码中的错误,还是知道它在移动设备上不起作用的原因?提前致谢!

最佳答案

您的第一行font-family: ‘Rajdhani-Medium’;不使用普通的单引号。

‘’替换为''

关于css - 为什么我的字体不能在移动设备上工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56144036/

10-13 05:45