Css Grails中安装的字体不起作用
我想在我的Grails项目中使用font Open SAN,因此我将字体放在web应用程序目录的“fonts”文件夹下。之后,我在CSS中添加了以下内容: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中。。。没用 将以下内容添加到视图或布局中 &
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');
}