为什么我的字体不能在移动设备上使用?

时间:2019-05-15 07:44:07

标签: css wordpress fonts

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

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

有人注意到上面代码中的错误,还是知道它无法在移动设备上工作的原因?预先感谢!

1 个答案:

答案 0 :(得分:0)

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

‘’替换为''