Css 更改rails中的标题字体
我正在使用RubyonRails(RubyVersion2.6.6)设计一个个人博客 我试着用它来改变我网站主页中标题的字体。我在Css 更改rails中的标题字体,css,ruby-on-rails,fonts,Css,Ruby On Rails,Fonts,我正在使用RubyonRails(RubyVersion2.6.6)设计一个个人博客 我试着用它来改变我网站主页中标题的字体。我在app\assets\fonts中添加了所需的字体,并添加了以下代码: @font-face { font-family: "orangejuice"; src: url('/assets/fonts/orangejuice.ttf') } 我已将上述代码添加到文件“app\assets\stylesheets\welcome.scs
app\assets\fonts
中添加了所需的字体,并添加了以下代码:
@font-face {
font-family: "orangejuice";
src: url('/assets/fonts/orangejuice.ttf')
}
我已将上述代码添加到文件“app\assets\stylesheets\welcome.scss”中`
我还在文件\node\u modules\service index\public\style.css
中添加了以下行:
h1 {
font-size: 60px;
font-family: "orangejuice";
}
不幸的是,什么也没发生,我没有任何其他的.css
文件可以编辑
有什么问题吗?为什么我看不到我的应用程序发生了变化?文件application.css
为空,其中没有其他代码
总的来说,我很难理解如何使用rails来改变我的网站设计,我看过很多指南,但是我找不到任何东西来解释我设计网站的所有选项。也许有人会建议我读什么
通过添加此片段,感谢您:
@font-face{
字体系列:“orangejuice”;
src:url('/assets/font/orangeguice.ttf')
}
对于您的welcome.scss
文件,只有在该文件中才能访问它
因此,您可以删除上面的代码并将其放入应用程序中。css
:
@font-face {
font-family: "orangejuice";
src: url(asset-path("orangejuice.ttf"));
}
h1 {
font-size: 60px;
font-family: "orangejuice";
}
通过这种方式,它将在全球范围内应用。非常感谢您的评论。我听从了你的建议,现在我可以控制页眉的大小,但是字体还是不会改变。也许你知道为什么它仍然不起作用吗?我在Rails应用程序上尝试了我给你的代码片段,效果很好。在开发人员工具中检查控制台,它可能会为您提供有关问题的更多信息。我怀疑您的字体文件名不正确。