四种原因导致上海网站设计字体加载失败
一、字体名称拼写错误
当你检查你的字体文件的文件路径,也请确保您拼写正确字体的名称。很多字体都非常不寻常的名字,这是很容易使一个拼写错误,这将打破你的网站的排版。 检查拼写的准确性另一个地方是在你的网站的CSS文件。当您在这些风格中引用的字体名称,请确保您使用的是正确的名称和是否已正确拼写。根据我的经验,不正确的名称或拼写错误是字体加载问题的更常见原因。
二、不正确的文件路径
当您使用’字体面对Web字体加载到一个网站,要链接到的字体文件一样,该网站使用(图片,脚本,样式表等)。这意味着,对这些文件的路径必须以正确的字体,以正常加载。在调试的字体加载问题至上步是确保您指定的文件路径是正确的。
三、跨域问题
如果您已检查上面列出的更简单的情况(占大多数字体加载问题)和字体仍然没有工作,那么有可能是一个更大的问题发生。其中的一个问题可能是跨域问题与字体的加载。出于安全原因,浏览器限制跨域加载请求。这意味着,如果你正在访问一个域,而字体是另一种,有可能是一个加载的问题。像Typekit和谷歌的字体流行的字体服务,因为它们在其响应的访问控制允许来源头部没有这个问题。这使得他们的字体将在您的网站加载,即使来自不同的领域。凡我看到这个跨域问题发生的是,当你的字体是从装载www.yourwebsite.com有人访问的页面不使用“www”的子域(他们只是要yourwebsite.com,他们离开“WWW”时关闭他们键入浏览器的URL)。尽管这些都访问相同的域,子域的变化导致一些浏览器以不同的方式看待他们,并阻止访问的字体。为了解决这个问题,可以添加访问控制-Origin标,或者你可以简单地转发所有的流量均进入一个submdomain其他替代。
四、字体文件丢失
如果你的字体文件的路径是正确的,所有的名字都拼写正确,下一个项目是检查以确保文件本身实际上是Web服务器,他们应该是忘了将文件上传到服务器时,推出了一个网站是另一种常见的错误。这也是一个很容易之一来解决,你只需上传这些文件并如期网站应该载入的文件。
当你检查你的字体文件的文件路径,也请确保您拼写正确字体的名称。很多字体都非常不寻常的名字,这是很容易使一个拼写错误,这将打破你的网站的排版。 检查拼写的准确性另一个地方是在你的网站的CSS文件。当您在这些风格中引用的字体名称,请确保您使用的是正确的名称和是否已正确拼写。根据我的经验,不正确的名称或拼写错误是字体加载问题的更常见原因。
二、不正确的文件路径
当您使用’字体面对Web字体加载到一个网站,要链接到的字体文件一样,该网站使用(图片,脚本,样式表等)。这意味着,对这些文件的路径必须以正确的字体,以正常加载。在调试的字体加载问题至上步是确保您指定的文件路径是正确的。
三、跨域问题
如果您已检查上面列出的更简单的情况(占大多数字体加载问题)和字体仍然没有工作,那么有可能是一个更大的问题发生。其中的一个问题可能是跨域问题与字体的加载。出于安全原因,浏览器限制跨域加载请求。这意味着,如果你正在访问一个域,而字体是另一种,有可能是一个加载的问题。像Typekit和谷歌的字体流行的字体服务,因为它们在其响应的访问控制允许来源头部没有这个问题。这使得他们的字体将在您的网站加载,即使来自不同的领域。凡我看到这个跨域问题发生的是,当你的字体是从装载www.yourwebsite.com有人访问的页面不使用“www”的子域(他们只是要yourwebsite.com,他们离开“WWW”时关闭他们键入浏览器的URL)。尽管这些都访问相同的域,子域的变化导致一些浏览器以不同的方式看待他们,并阻止访问的字体。为了解决这个问题,可以添加访问控制-Origin标,或者你可以简单地转发所有的流量均进入一个submdomain其他替代。
四、字体文件丢失
如果你的字体文件的路径是正确的,所有的名字都拼写正确,下一个项目是检查以确保文件本身实际上是Web服务器,他们应该是忘了将文件上传到服务器时,推出了一个网站是另一种常见的错误。这也是一个很容易之一来解决,你只需上传这些文件并如期网站应该载入的文件。
相关新闻
- 网站设计的品质要注意哪些细节?2019-04-25
- 网站设计使用颜色利于用户抓取重点2019-04-08
- 网站设计的品质要注意哪些细节?2019-04-08
- 网页设计要在网站建设前的“四不要”2019-03-28
- 粉色系网站设计应该注意哪些方面?2019-03-28
- 单页还是分页?理智分析网站设计思路!2019-03-28
- 电子商务网站设计七要素2019-03-07
- 为什么要跟着新闻网站学网页设计?2019-03-07
- 网站设计中有哪些基本的布局类型2019-03-07
- 如何提升落地页转化率?2019-03-07
- 设计师必须知道的2019年网页设计8大趋势!2019-03-07
- 六大网站设计技巧2019-01-08
- 立竿见影!掌握单页网站设计的5大技巧2019-01-08
- 深色系网站,设计上有什么讲究?2019-01-08
- 网站建设中让人讨厌的8种设计元素2018-11-08
- 网站设计与模板建站系统有哪些区别2018-11-08
- 建站企业如何与网站设计公司沟通呢?2018-11-08
- 高端网站设计的五大特点2018-11-08