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

【问题标题】：Site looks differently on mobile网站在移动设备上的外观不同
【发布时间】：2014-01-27 03:40:04
【问题描述】：

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

网站是 rushir.co/lofty

【问题讨论】：

您应该将您使用的代码放在问题本身中，而不是仅链接到您的网站。见Something in my web site or project doesn't work. Can I just paste a link to it?
这就是我得到的i.imgur.com/hqgAu7x.png
这个在手机上i.imgur.com/Y3v92s3.png

【解决方案1】：

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

您加载ttf 文件的行不正确：

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

它需要与您的 css 文件相关：

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

【讨论】：

我正在尝试解决这个问题，所以如果我有问题，我会知道它是什么。如果在“font”目录下上传“font/Pacifico.ttf”怎么办？
它是在字体目录中。不知道你在这里问什么。
通过在他的系统上安装字体。前端开发人员和图形设计师经常这样做是为了在 PhotoShop 等图形工具中使用自定义字体。在某个系统上安装字体的安装步骤取决于系统，并非所有操作系统都支持相同的字体格式。
那么系统上安装的字体可以渲染到网站上吗？
根据我的经验，是的。