网站在移动设备上的外观不同

Question

我的网站在移动设备上看起来不一样，它不会很快显示出来，也没有正确的字体。怎么了？这里你可以在移动http://i.stack.imgur.com/9fdS7.jpg上看到，这是在我的电脑http://i.stack.imgur.com/eqncM.png上

该网站是rushir.co/lofty

Answer 1

该字体显示在您的桌面上，因为我非常确定，您的系统中已安装了该字体。

加载ttf文件的行不正确：

src: url("font/Pacifico.ttf") format("truetype");

它需要相对于您的css文件：

src: url("../font/Pacifico.ttf") format("truetype");