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

【问题标题】：Why aren't my fonts working on mobile devices?为什么我的字体不能在移动设备上运行？
【发布时间】：2019-10-02 06:49:51
【问题描述】：

我的字体可以在我的网站的桌面版本上使用，但它们似乎无法在移动设备上使用。

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

是否有人注意到上述代码中的错误或知道它无法在移动设备上运行的原因？提前致谢！

【问题讨论】：

标签： css wordpress fonts

【解决方案1】：

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

将‘’ 替换为''。

【讨论】：

谢谢，不会注意到这一点。已修复但仍无法正常工作。
其余的代码看起来还不错。您可以再检查两件事：1. 所有 URL 是否正确，以及 2. 您是否在每种情况下都正确设置了 font-family。检查更多支架问题。使用 Web Inspect 元素工具来检查字体是否实际被激活，但它可能被其他一些 CSS 样式（特定于移动设备）覆盖。如果加载时间过长（网速问题），WP 可能会禁用字体。
是的，但还是不知道。谢谢