ruby-on-rails - 在 Ruby on Rails 3.2 应用程序中集成 googlefonts

Question

我必须在一个 Rails 应用程序中使用 Google 的字体。普通的 HTML 代码定义 googlefonts 用法如下:

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>

我试图在我的 alapplication.html.erb 中添加相同的行，但它没有用。然后我将 @font-face 定义(从 link-href 指向的位置)提取到一个单独的 css.scss 文件中，并将该文件包含在我的 list css 文件中:

#googlefonts.css.scss
@font-face {
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/xxxx.woff) format('woff');

}

#application.css

   *= require googlefonts
   *= require_tree .

它没有再发生。

请帮我解决这个难题。在 Rails 3 应用程序中使用托管在 Google 中的字体的最佳实践是什么？

编辑:这是我的 css，指的是 @font-face 定义:

#styles.css.scss
body{
font-family: "PT Sans", Arial, Helvetica, sans-serif;
font-size:13px;
line-height:25px;
text-shadow:none !important;
color:#444;
}

Answer 1

使用您的示例代码，以下对我来说很好用:

# stick this inside the head section of application.html.erb 
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>

# stick this in your css file:
body{
  font-family: "PT Sans", Arial, Helvetica, sans-serif;
}

这就是你所需要的，它工作得很好。我建议放弃 googlefonts.css.scss 文件，除非您有要提供的字体的本地副本。无论如何，谷歌为您提供的链接实际上会为您处理该代码， see for yourself