twitter-bootstrap – MVC 4谷歌字体 – 内联网

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – MVC 4谷歌字体 – 内联网前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个MVC4 4 Bootstrap项目,通过Visual Studio 2010在本地呈现完美,但当我发布到用于Intranet的内部IIS时,我无法访问资源http://fonts.googleapis.com/css?family=Montserrat:400所以有人可以解释我如何本地化这个远程资源,以便IIS在本地引用它.

任何帮助将非常感激 :-)

解决方法

要本地化Google字体,我将地址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');
}

嘿presto,所有字体在内部IIS服务器上正确呈现.

猜你在找的Bootstrap相关文章