html - 谷歌字体不显示在移动设备上

Question

我有这个源在桌面浏览器中看起来很完美，但是当我在移动设备上查看时，我得到了另一个不同的源。你知道会发生什么吗？

两段2段，第一段取此出处

  Font-family: 'Amatic SC', cursive;

第二个

Font-family: 'Questrial', sans-serif;



<Link href =" https://fonts.googleapis.com/css?family=Questrial "rel =" stylesheet ">
    <Link href = "https://fonts.googleapis.com/css?family=Academy+SC:700" rel = "stylesheet">

第二段完美保留了出处，第一段在电话里看的时候改了出处。

这是问题的页面，它在第一部分，其中说 HOLA

Answer 1

链接失效了，这里有一些提示+修复

删除链接前后的空格并键入所有小写字母。

<Link href =" https://fonts.googleapis.com/css?family=Questrial "rel =" stylesheet "> 

应该是这样的:

<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">

您使用带有大写 F 的 Font-family，这应该是小写 (font-family)

现在解决您的问题，您导入 Academy+SC 但在您使用的字体系列中:Amatic SC，这应该是 Academy SC。

希望对您有所帮助!