MVC 4 Google字体- Intranet

Question

我有一个MVC4 4引导项目，它通过Visual 2010在本地呈现得非常好，但是当我发布到用于我们的内部http://fonts.googleapis.com/css?family=Montserrat:400的内部IIS时，我无法访问资源http://fonts.googleapis.com/css?family=Montserrat:400，所以有人可以解释我如何本地化这个远程资源，以便IIS在本地引用它。

如能提供任何帮助，将不胜感激：)

Answer 1

为了本地化谷歌字体，我在浏览器地址栏中添加了address http://fonts.googleapis.com/css?family=Montserrat:400，它返回一个css文件。

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot);
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYFQlYEbsez9cZjKsNMjLOwM.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v4/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

然后，我将上述css中的每个url添加到我的地址栏中，其中下载了相关的.eot和.woff文件。我只需将下载的文件重命名为更符合逻辑的名称，并将文件复制到/Content/fonts目录中。

然后，我将以下内容包括到我的boostrap.css文件中。

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/montserrat-400.eot);
  src: local('Montserrat-Regular'), url(fonts/montserrat-400.eot) format('embedded-opentype'), url(fonts/montserrat-400.woff) format('woff');
}

喂，所有字体都在内部IIS服务器上正确呈现。

Answer 2

把这段代码放在头标签中

<link href='http://fonts.googleapis.com/css?family=Montserrat:400' rel='stylesheet' type='text/css'>

Answer 3

下面我有一个类似的字体问题，下面列出的是我当前的包值，它用Font-Awesome.css文件中的其他引用解决了这个问题。

bundles.Add(new StyleBundle("~/Framework/libs/vendor/font-awesome/4.4.0/css/font-awesome").Include(
            "~/Framework/libs/vendor/font-awesome/4.4.0/css/font-awesome.css"));

当路径相对于实际字体-可怕的css文件时，eot、tff和woff文件的相对路径也将变得正确。