Google字体不会显示在移动设备上

时间:2017-06-07 14:05:50

标签: html css css3 fonts

我的这个源在桌面浏览器中看起来非常完美,但是当我在手机上查看时,我得到另一个不同的来源。你知道会发生什么吗?

是两个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

1 个答案:

答案 0 :(得分: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。

希望这有帮助!