一、字体名称拼写错误
当你检查你的字体文件的文件路径,也请确保您拼写正确字体的名称。很多字体都非常不寻常的名字,这是很容易使一个拼写错误,这将打破你的网站的排版。 检查拼写的准确性另一个地方是在你的网站的CSS文件。当您在这些风格中引用的字体名称,请确保您使用的是正确的名称和是否已正确拼写。根据我的经验,不正确的名称或拼写错误是字体加载问题的更常见原因。
二、不正确的文件路径
当您使用'字体面对Web字体加载到一个网站,要链接到的字体文件一样,该网站使用(图片,脚本,样式表等)。这意味着,对这些文件的路径必须以正确的字体,以正常加载。在调试的字体加载问题至上步是确保您指定的文件路径是正确的。
三、跨域问题
如果您已检查上面列出的更简单的情况(占大多数字体加载问题)和字体仍然没有工作,那么有可能是一个更大的问题发生。其中的一个问题可能是跨域问题与字体的加载。出于安全原因,浏览器限制跨域加载请求。这意味着,如果你正在访问一个域,而字体是另一种,有可能是一个加载的问题。像Typekit和谷歌的字体流行的字体服务,因为它们在其响应的访问控制允许来源头部没有这个问题。这使得他们的字体将在您的网站加载,即使来自不同的领域。凡我看到这个跨域问题发生的是,当你的字体是从装载www.yourwebsite.com有人访问的页面不使用“www”的子域(他们只是要yourwebsite.com,他们离开“WWW”时关闭他们键入浏览器的URL)。尽管这些都访问相同的域,子域的变化导致一些浏览器以不同的方式看待他们,并阻止访问的字体。为了解决这个问题,可以添加访问控制-Origin标,或者你可以简单地转发所有的流量均进入一个submdomain其他替代。
四、字体文件丢失
如果你的字体文件的路径是正确的,所有的名字都拼写正确,下一个项目是检查以确保文件本身实际上是Web服务器,他们应该是忘了将文件上传到服务器时,推出了一个网站是另一种常见的错误。这也是一个很容易之一来解决,你只需上传这些文件并如期网站应该载入的文件。
四种原因导致上海网站设计字体加载失败
发布时间:2018-04-11
相关文章
- 提升网站设计趣味的十大案例分析
- 上海网页设计的基本规则要遵循
- 上海网站制作公司让自己网站受欢迎该这主意的三个点
- 上海网站设计Web UI 网站用户界面设计命名规范
- 设计师必须知道的2019年网页设计8大趋势!
- 上海网页设计中如何将讨厌的弹窗设计好呢?
- 网页制作中文字编排的四种根本办法
- 上海网站设计注意视觉效果
- 9大电商网站设计常犯错误,你躺枪了吗?
- 上海网站设计之——复古风设计赏析
- 上海企业网页设计时需要把握的几个要点
- 上海网页设计中网页分页导航优化细节分享
- 正规上海网页设计公司一般会具备哪些优势
- 上海网站设计怎么提升特色企业网站设计
- 来看看将成为明日主流的七大网页设计趋势
- 网站建设中让人讨厌的8种设计元素
- 上海网站设计思维流程,上海网站制作中设计灵感怎么找
- 响应式网页设计制作技术将成为主流技术
- 如何运用网页设计中的方块元素提升网站
- 欧美化设计风格或是企业网站设计新趋向