tom*_*456 20 css ruby-on-rails
任何人都知道如何在我的rails应用程序中包含谷歌字体样式表？我试过添加
<link href='https://fonts.googleapis.com/css?family=Raleway:500,900,200'
rel='stylesheet' type='text/css'>
进入我的application.html.erb但是没有做任何事情
Raj*_*Das 16
对于外部样式表,将其添加到您的布局(application.html.erb)
stylesheet_link_tag 'application', 'put any external link'
如果在导轨布局中 使用
1)
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
2)
在样式表中为具有所请求的Web字体的元素设置样式:
CSS selector {
font-family: 'Font Name', serif;
}
或者在元素本身上使用内联样式:
你的文字你有字体系列 Tangerine
示例: -
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<div>Making the Web Beautiful!</div>
</body>
</html>
Kee*_*ock 13
我正在努力解决这个问题,因为我有这样一条线:
<%= stylesheet_link_tag 'application',
media: 'all', 'data-turbolinks-track' => true %>
很难说第一眼看到你的链接的位置.
你想要做的是将你的样式表链接放在后面 '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它,或者像往常一样使用链接标签,但这只是另一种方式,这里应该提到它.
Jer*_*ray 11
只需将google提供的代码添加到application.scss文件的顶部即可.
@import url('https://fonts.googleapis.com/css?family=Quicksand|Rubik');
请注意rails会为您提供带有require语句的开箱即用的application.css文件.删除这些并重命名application.scss
记得添加@import文件名; 对于文件夹中的任何其他客户scssfiles
您确定将<link href='https://fonts.googleapis.com/css?family=Raleway:500,900,200' rel='stylesheet' type='text/css'>其放入您想要的布局中吗？
在您各自的<layout>.css样式表中，您输入了font-family:Raleway;?
确保一下。谢谢。
| 归档时间： |
|
| 查看次数： |
24503 次 |
| 最近记录： |