网站在localhost上以不同方式显示，并在上传到服务器时显示

Question

我使用php设计了一个响应式网站。它主要是HTML但我已经包含了一些PHP功能并保存了所有页面。我有两个样式表1用于响应，另一个用于普通视图。我测试了我的localhost（wamp服务器）中的完整站点并没有看到任何问题但是当我在线上传网站时，完整的设计似乎搞砸了。包括css在内的所有文件都已正确上传。

字体太小，对齐方式不正确且网站似乎被推卸，但是在我的本地主机上测试时，同一网站会正确显示所有内容。

有人可以告诉我这是什么问题吗？

Answer 1

1. 确保加载所有文件（尤其是CSS和JS）。您可以使用Firebug Net panel进行检查。要特别注意在Windows上没有注意到的任何拼写错误，但在Linux上是致命的（例如，在Windows上测试.JPG和test.jpg是相同的，在linux上这些是两条不同的路径！）
2. 按CTRL + 0（零）重置域的缩放级别。
3. 确保您没有将任何其他文件和库加载到您未在localhost上加载（或无法加载）的网站。

Answer 2

您可能正在使用不是“网络安全”的字体。 确保使用如here所示的字体系列。字体系列允许每个浏览器选择它熟悉的字体，但与原始字体足够接近，不会影响布局。默认情况下，所有浏览器都可以渲染很少的字体。但是，如果使用该字体非常重要，您可以上传要在浏览器上下载的字体文件。虽然加载页面需要很长时间。关于here.的更多信息我也喜欢使用fontsquirrel。