标签: google-font-api

我在下面的代码中使用了来自的字体支持,

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald|Play|Numans' rel='stylesheet' type='text/css'>

如果我使用上面的URL,所有浏览器支持的字体.

    @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}
@font-face {
  font-family: 'Numans';
  font-style: normal;
  font-weight: 400;
  src: local('Numans'), local('Numans-Regular'), url('http://themes.googleusercontent.com/static/fonts/numans/v2/H6jkjoZl4TIrPYyjhdoCcw.woff') format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('http://themes.googleusercontent.com/static/fonts/play/v2/-SXnV4mZjf4oh1IBw13WZw.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

我复制并粘贴上面的css代码在我的CSS for fonts support.in IE8 Alone不支持的字体.对此有什么解决方法吗？

我正在制作一个 WordPress 主题，其功能允许用户从 Google 选择自己的字体。显然，因为这是一个 WordPress 主题，所以无法为每次安装创建新的 API 密钥。

我所需要的只是按字母顺序排列的字体列表。

如果有人给我一种按类别分组的方法，那就加分了！

我在Facebook应用程序中尝试使用Google Fonts Api的时间并不是很有趣.

它适用于我在 Facebook 外的应用程序,但当我在Facebook应用程序内时,字体不起作用.

我用这种方式包括字体:

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

如果需要,我很乐意提供更多信息.在此先感谢您的时间和帮助!

在使用一些自定义字体时，我有两个选择，要么从我自己的服务器加载表单，要么加载谷歌网络字体。但我关心的是哪一个在页面加载时间方面有效？

我使用css的方式是

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('webfont.woff') format('woff'), /* Modern Browsers */
    } 

在这里，在加载字体时，我还使用字体版本进行缓存并从 CDN 加载字体。

我尝试加载的字体大小接近 36k。

h1 {
       font-family: 'MyWebFont', Fallback, sans-serif;
}

谷歌字体的实现

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

h1{
  font-family: 'Caesar Dressing', cursive;
}

有人可以帮助我了解应该使用谷歌网络字体还是自定义表单自己的服务器中的哪一个。就页面加载时间而言，哪一个最好？

说我有这个字体:打开Sans

如果我想在SASS/Compass项目中使用它,是否有更好的方法,然后链接到由Google托管的其他样式表,以便能够使用该字体？

如何在较少的CSS中使用谷歌字体？

或更少的嵌入式自定义字体的任何其他解决方案

http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600italic,700,700italic,900,900italic,400italic'rel ='stylesheet'type ='text/css'>

我已经将(in)着名的开放式sans导入我的CSS.一开始一切都很好.但是,今天我注意到一些角色(??ü)在Firefox中没有正确显示.它们在Internet Explorer和Chrome中运行良好,但它们被Firefox中的默认字体取代.

我在想,这应该是一个快速解决的问题.有任何想法吗？

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
 p {
  font-family: "Open Sans";
  font-size: 4em;
}

<p>Example ??ü.</p>

我想在我的 CKEditor 中使用“Open Sans”作为默认字体，但不知道如何使用。
我正在使用 CKEditor 4.4.5 full。

我已经在我的 html 头中包含了字体：

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

然后我尝试通过更改contents.css中的CSS来更改CKEditor的默认字体：

body
{
    /* Font */
    font-family: "Open Sans";
    font-size: 18px;
}

但这似乎不起作用。

我还尝试在我的 Javascript 中设置它：

CKEDITOR.config.font_names = "Open Sans;";
CKEDITOR.config.font_defaultLabel = 'Open Sans';

但这似乎只影响“字体”工具栏的显示，而不是样式本身。

注意：当我使用“ckeditor-gwf-plugin”时，我可以使用“Open Sans”，但这也无助于我将其设置为默认字体。

谢谢你的帮助 ！

我正在尝试让简历模板 jekyll 主题正常工作。我的 github 存储库在这里：https ://github.com/earlbellinger/earlbellinger.github.io

我遇到了一个问题，我使用时在本地计算机上显示的字体bundle exec jekyll serve与 github 页面渲染时显示的字体完全不同。我怎样才能解决这个问题？感谢您的任何提示。

我正在尝试将main.scss文件中的Google字体导入，但是以下代码不起作用：

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

有没有办法做到这一点？我在stackoverflow中寻找此问题，但找不到具体答案...

有人可以帮我吗？