Css Grails中安装的字体不起作用

Css Grails中安装的字体不起作用,css,grails,fonts,Css,Grails,Fonts,我想在我的Grails项目中使用font Open SAN,因此我将字体放在web应用程序目录的“fonts”文件夹下。之后,我在CSS中添加了以下内容: body{ background-color: #FFFFFF; font-family: 'OpenSans', arial, sans-serif; font-size: 14px; } 但还是不行。最初,我使用谷歌字体中的链接href,并将其放在我的main.gsp中。。。没用 将以下内容添加到视图或布局中 &

我想在我的Grails项目中使用font Open SAN,因此我将字体放在web应用程序目录的“fonts”文件夹下。之后,我在CSS中添加了以下内容:

body{
    background-color: #FFFFFF;
    font-family: 'OpenSans', arial, sans-serif;
    font-size: 14px;
}

但还是不行。最初,我使用谷歌字体中的链接href,并将其放在我的main.gsp中。。。没用

将以下内容添加到视图或布局中

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Ref:-

如果您的
.css
文件位于文件夹中,请在
.css
文件的开头编写以下代码

@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url('../font/yourfontname.eot');
  src: url('../font/yourfontname.eot') format('embedded-opentype'),
       url('../font/yourfontname.woff') format('woff'),
       url('../font/yourfontname.ttf') format('truetype'),
       url('../font/yourfontname.svg#MuseoSans100') format('svg');
} 

所以使用
。/font/yourfontname.eot

你在css中添加了
字体吗
@font-face {
  font-family: 'Open Sans', sans-serif;
  src: url('../font/yourfontname.eot');
  src: url('../font/yourfontname.eot') format('embedded-opentype'),
       url('../font/yourfontname.woff') format('woff'),
       url('../font/yourfontname.ttf') format('truetype'),
       url('../font/yourfontname.svg#MuseoSans100') format('svg');
}