css - Bootstrap 没有 'Access-Control-Allow-Origin' header

Question

在我的 MVC 站点中，我安装了一个使用来自 fonts.googleapis 的字体系列“Lato”的 bootstrap superhero 主题。文件 bootstrap.superhero.css 文件包含这一行......我认为问题出在这里。

@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");

我已经在 web.config 中包含了代码

<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>

但错误始终存在。我该怎么做才能正确导入字体？

Answer 1

link 标签没有问题。修改您的 htaccess 以便服务器可以接受其他来源的内容。

<FilesMatch "\.(ttf|otf|eot|woff)$">
      <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
      </IfModule>
    </FilesMatch>

希望对您有所帮助。