字体表面不适用于android chrome和firefox

Question

我在CSS3中遇到字体问题。我用以下代码调用我的字体：

@font-face {
font-family: James Fajardo;  
src: url('https://www.twoseven.nl/kurkorganicwines/wp-
content/themes/kurk/fonts/James_Fajardo.ttf');  
}

在使用font-family时，代码可以正常工作：James Fajardo在我的CSS中首选H2或者alinea's。它也可以在桌面上的Chrome中使用。但是，它不适用于Android手机上的Firefox或Chrome。奇怪的是，它在iPhone上的Safari中运行。

有谁知道如何解决这个问题？我已经尝试过安装不同的字体样式（比如woff和woff2），但它仍然无法在Android设备上运行。

提前Thnx！ 罗布

Answer 1

尝试使用字体的本地路径。有时它有效。

@font-face{font-family:James Fajardo;src:url(James_Fajardo.ttf)}