Internet Explorer 8+中的自定义Google字体

时间:2013-05-16 13:37:00

标签: css internet-explorer fonts

我想在我的网站上使用自定义字体,名为'Source Sans Pro',来自Google字体。它适用于其他浏览器,如Chrome,Opera,Mozilla和Safari ......但不适用于IE。我尝试了一些方法来解决它,但没有成功。一个奇怪的情况,因为,几个月前我在其他网站上解决了它,但我不记得怎么做了。请有人帮帮我吗?

PS:对不起,对不起,英语不是我的母语。

-

所以,我找到了解决方案。自定义字体(本例中为IE)仅适用于在线网站,而不适用于localhost。谢谢大家的帮助。

1 个答案:

答案 0 :(得分:0)

你试过这三种方法吗?

标准

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>

<强> @import:

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);

<强>的Javascript

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Source+Sans+Pro::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

http://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro