rails 4在应用程序中随处更改字体

时间:2015-11-16 18:12:20

标签: html css ruby-on-rails twitter-bootstrap-3 fonts

我想更改Rails应用程序的标准字体,并为应用程序中的每个视图使用新字体。 试一试,我从here

下载了自定义Delicious字体

将下载的文件复制到我应用的/ assets / fonts /文件夹中。 我在config / application.rb中添加了这些行:

config.assets.enabled = true  
config.assets.paths << "#{Rails.root}/app/assets/fonts"

我修改了我的custom.css.scss文件,添加了这个:

@font-face {
  font-family: 'Delicious';
  src: url('/assets/Delicious-Roman.otf');
}

@font-face {
  font-family: 'Delicious';
  font-weight: bold;
  src: url('/assets/Delicious-Bold.otf');
}

我试图在应用程序的视图中使用该字体,以这种方式调用特定视图的css类中的字体,

.products-index {
  background-image: image-url("mag.jpg");
  background-repeat: repeat-y;
  background-size: 100%;
  font-family: "Delicious";
}

它有效,但我不想为我的应用中的所有视图创建一个css类。我尝试在css的单个点中指定字体,在custom.css.scss中添加此行:

html {font-family: "Delicious";}

但它不起作用。如何修改我的CSS以选择所有应用程序的字体?

我使用的是Bootstrap3,在我的custom.css.scss中,我在最顶端的行

@import "bootstrap";

1 个答案:

答案 0 :(得分:2)

我解决了!我放 `

class Body {
    let distanceToSun:Float80
    let mass:Float80
    let radius:Float80
}

let mercury = Body(distanceToSun: 6779000, mass = 300000000000000000000000, radius = 2440)

在我的custom.css.scss文件中,所以*表示该字体用于所有元素