Bootstrap否'Access-Control-Allow-Origin'标题

Question

在我的MVC网站中，我安装了一个bootstrap超级英雄主题，该主题使用fonts.googleapis中的font-family“Lato”。 文件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

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

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

希望它有所帮助。