Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 更改rails中的标题字体_Css_Ruby On Rails_Fonts - Fatal编程技术网

Css 更改rails中的标题字体

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

我正在使用RubyonRails(RubyVersion2.6.6)设计一个个人博客

我试着用它来改变我网站主页中标题的字体。我在
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应用程序上尝试了我给你的代码片段,效果很好。在开发人员工具中检查控制台,它可能会为您提供有关问题的更多信息。我怀疑您的字体文件名不正确。