Grails中安装的字体不起作用

时间:2014-03-10 04:02:05

标签: css grails fonts

我想在Grails项目中使用字体Open Sans,因此我将字体放在'fonts'文件夹下的web-app目录中。之后,我将其添加到我的CSS中:

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

但它仍然无效。最初,我使用了来自Google字体的链接href并将其放在我的main.gsp中...不起作用。

2 个答案:

答案 0 :(得分:1)

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

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

Google字体API将生成必要的特定于浏览器的CSS以使用字体。您需要做的就是为CSS样式添加字体名称。例如:

font-family: 'Open Sans', sans-serif;

参考: - Font not applied in my web application

答案 1 :(得分:0)

如果您的.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