四种原因导致上海网站设计字体加载失败
发布时间:2018-04-11

    一、字体名称拼写错误
    当你检查你的字体文件的文件路径,也请确保您拼写正确字体的名称。很多字体都非常不寻常的名字,这是很容易使一个拼写错误,这将打破你的网站的排版。 检查拼写的准确性另一个地方是在你的网站的CSS文件。当您在这些风格中引用的字体名称,请确保您使用的是正确的名称和是否已正确拼写。根据我的经验,不正确的名称或拼写错误是字体加载问题的更常见原因。

    二、不正确的文件路径
    当您使用'字体面对Web字体加载到一个网站,要链接到的字体文件一样,该网站使用(图片,脚本,样式表等)。这意味着,对这些文件的路径必须以正确的字体,以正常加载。在调试的字体加载问题至上步是确保您指定的文件路径是正确的。

    三、跨域问题
    如果您已检查上面列出的更简单的情况(占大多数字体加载问题)和字体仍然没有工作,那么有可能是一个更大的问题发生。其中的一个问题可能是跨域问题与字体的加载。出于安全原因,浏览器限制跨域加载请求。这意味着,如果你正在访问一个域,而字体是另一种,有可能是一个加载的问题。像Typekit和谷歌的字体流行的字体服务,因为它们在其响应的访问控制允许来源头部没有这个问题。这使得他们的字体将在您的网站加载,即使来自不同的领域。凡我看到这个跨域问题发生的是,当你的字体是从装载www.yourwebsite.com有人访问的页面不使用“www”的子域(他们只是要yourwebsite.com,他们离开“WWW”时关闭他们键入浏览器的URL)。尽管这些都访问相同的域,子域的变化导致一些浏览器以不同的方式看待他们,并阻止访问的字体。为了解决这个问题,可以添加访问控制-Origin标,或者你可以简单地转发所有的流量均进入一个submdomain其他替代。

    四、字体文件丢失
    如果你的字体文件的路径是正确的,所有的名字都拼写正确,下一个项目是检查以确保文件本身实际上是Web服务器,他们应该是忘了将文件上传到服务器时,推出了一个网站是另一种常见的错误。这也是一个很容易之一来解决,你只需上传这些文件并如期网站应该载入的文件。