25

RailsアプリにGoogleフォントのスタイルシートを含める方法を知っている人はいますか? 追加してみました

<link href='https://fonts.googleapis.com/css?family=Raleway:500,900,200' 
rel='stylesheet' type='text/css'>

私の中に入るapplication.html.erbが、それは何もしません

4

8 に答える 8

16

次のような行があったため、これに苦労していました。

<%= stylesheet_link_tag 'application', 
media: 'all', 'data-turbolinks-track' => true %>

リンクをどこに置くべきかを一目で判断するのは困難です。

あなたがやりたかったのは、スタイルシートのリンクをAFTER 'application'に配置し、カンマで区切ることです。このような：

<%= stylesheet_link_tag 'application',
'https://fonts.googleapis.com/css?family=Open+Sans:400&subset=latin',
 media: 'all', 'data-turbolinks-track' => true %>

次に、 font-familyプロパティを使用して、通常どおりスタイルシートで使用します。

もちろん、SASS で @import するか、通常どおりリンクタグを使用して実行できますが、これは別の方法であり、ここで言及する必要があります。

于 2015-09-03T09:42:20.820 に答える
2

最も統合された方法は、 app/assets/views/application.html.erb を編集して変更することだと思います:

<%= stylesheet_link_tag 'application.css' %>

に

<%= stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Catamaran','application.css' %>
于 2016-08-24T09:16:11.593 に答える
2

application.html.erb 

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<%= stylesheet_link_tag    "application", :media => "all" %>
 <%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>

 <!-- Google font -->
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>

</head>
<body>
 ............

application.css

body {
 font-family: 'Ubuntu', sans-serif;
}

I use it this way, maybe this will clarify.

UPDATED

Try to remove your scaffold.css.scss! Or just open and comment out all body part of CSS of this file.

于 2013-08-29T11:10:55.010 に答える
1

これを application.html.erb の head セクション内に貼り付けます

<link href='https://fonts.googleapis.com/css?family=Raleway:500,900,200' 
rel='stylesheet' type='text/css'>

これをcssファイルに貼り付けます：

body{
  font-family: "Raleway", Arial, sans-serif;
}
于 2013-08-29T11:12:38.580 に答える
0

<link href='https://fonts.googleapis.com/css?family=Raleway:500,900,200' rel='stylesheet' type='text/css'>これを希望のレイアウトに入れていますか?

そして、それぞれの<layout>.cssスタイルシートに を入れましたfont-family:Raleway;か?

確認してください。ありがとう。

于 2013-08-29T11:10:10.353 に答える