我的字体可以在网站的桌面版本上使用,但是它们似乎不能在移动设备上使用。
我尝试添加一些全局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/