我想在Grails项目中使用字体Open Sans,因此我将字体放在'fonts'文件夹下的web-app目录中。之后,我将其添加到我的CSS中:
body{
background-color: #FFFFFF;
font-family: 'OpenSans', arial, sans-serif;
font-size: 14px;
}
但它仍然无效。最初,我使用了来自Google字体的链接href并将其放在我的main.gsp中...不起作用。
答案 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;
答案 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