4

1 つの Rails アプリケーションで Google のフォントを使用する必要があります。通常の HTML コードは、次のように googlefonts の使用法を定義します。

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

alpplication.html.erb に同じ行を追加しようとしましたが、うまくいきませんでした。次に、@font-face 定義を (link-href が指す場所から) 別の css.scss ファイルに抽出し、そのファイルをマニフェスト 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でホストされているフォントを使用するベストプラクティスは何ですか?

編集: @font-face 定義を参照する私の css は次のとおりです。

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

2 に答える 2

4

サンプルコードを使用すると、次のようにうまく機能します。

# 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 ファイルを捨てることをお勧めします。とにかく、Googleが提供するリンクは、実際にそのコードを処理します。自分で確認してください

于 2012-12-09T19:39:45.263 に答える
1

私は問題を見つけたと思います：

製油所には、製油所/ディレクトリにあるヘッドセクションの部分があります。このパーシャルの形式は .erb (デフォルト) です。私の application.html は .haml format です。_head.thml.erb を _head.html.haml に変換すると、うまくいきました。Stephenmurdoch が回答で説明したように、Google フォントの設定は簡単です。

于 2012-12-09T21:24:42.463 に答える