【问题标题】:font face not work online字体无法在线使用
【发布时间】:2014-09-16 19:10:17
【问题描述】:

我的 HTML 在本地系统中并指向 css

<link rel="stylesheet" href="http://nagasystems.in/tamil/stylesheet/common.css" type="text/css" charset="utf-8" />

我的字体路径文件夹是

http://nagasystems.in/tamil/stylesheet/

我有以下字体

bamini-webfont.eot
bamini-webfont.svg
bamini-webfont.ttf
bamini-webfont.woff
bamini-webfont.woff2

现在,如果我在浏览器中加载本地 HTML,则字体未加载...在所有浏览器中测试.. 但是,如果 html、css 和字体在线,它可以工作,或者如果这三个都在本地,它可以工作..

检查下面的链接,所有三个都在网上有效

http://nagasystems.in/tamil/

请帮帮我.. 想办法解决...

更新: chrome 控制台中的错误“来自源 'nagasystems.in' 的字体;已被跨源资源共享策略阻止加载:无 'Access-请求的资源上存在 Control-Allow-Origin' 标头。因此,不允许访问 Origin 'null'"

【问题讨论】:

  • 所以,我们有一个指向没有问题的网站的链接(它可以工作),以及字体文件的名称。那么我们应该如何找到错误呢?
  • 您能否正确地改写您的问题
  • 我不明白你的问题。
  • @GolezTrol .,请您告诉我您还需要什么,以便我可以在这里制作 .. 谢谢 1) 链接到样式表 - nagasystems.in/tamil/stylesheet/common.css 2) 链接到 HTML - nagasystems.in/tamil/index.html 3)字体路径 - nagasystems.in/tamil/stylesheet
  • 如果您的本地 PC 中没有加载字体,则问题出在路径中

标签: html css font-face tamil


【解决方案1】:

尝试将以下行添加到样式表同一文件夹中的 .htaccess 文件中

Header set Access-Control-Allow-Origin "*"

它将允许来自所有位置的标题 (*)

【讨论】:

  • 非常感谢伙计.. 你是救生员 :)
  • @facebook-1093767019 欢迎
猜你喜欢
  • 1970-01-01
  • 2014-08-22
  • 1970-01-01
  • 2018-07-18
  • 1970-01-01
  • 1970-01-01
  • 2012-09-07
  • 1970-01-01
  • 2011-04-10
相关资源
最近更新 更多