数据正在读取中...

您的位置: 设计资讯 > 网站设计

四种原因导致网站字体加载失败

www.shejinet.com 2018-04-08 16:13 设计.世界 浏览(6208)

摘 要:如果您的网络字体,而不是“网络安全”或系统字体被从网站访问者的计算机加载,有许多事情可能出错页面加载时。如果你缺少一些字体,这里有一些你应该看看到时可能的原因,测试这些页面和解决的问题。
一、字体名称拼写错误
当你检查你的字体文件的文件路径,也请确保您拼写正确字体的名称。很多字体都非常不寻常的名字,这是很容易使一个拼写错误,这将打破你的网站的排版。 检查拼写的准确性另一个地方是在你的网站的CSS文件。当您在这些风格中引用的字体名称,请确保您使用的是正确的名称和是否已正确拼写。根据我的经验,不正确的名称或拼写错误是字体加载问题的最常见原因。

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

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

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

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识