我下载了一个字体inlove-light-wf.ttf
,为了使用该规则@font-face
.
我的文件夹中有:home.html
and inlove-light-wf.ttf
.
在我的 CSS 中我有:
@font-face {
font-family: 'Inlove';
src: url('inlove-light-wf.ttf');
font-weight: normal;
font-style: normal;
}
#definicao{
text-align:center;
color:#0080C0;
font-family:'Inlove';
font-size:24px;
margin-top:20px;
border-top:solid #999 thin;
padding: 20px 40px 3px 40px;
height:290px;
background-color:#EFEFEF;
}
#definicao{
text-align:center;
color:#0080C0;
font-family:'Inlove';
font-size:24px;
margin-top:20px;
border-top:solid #999 thin;
padding: 20px 40px 3px 40px;
height:290px;
background-color:#EFEFEF;
}
但这不起作用。
问题的根源之一可能是您的 css 位于不在根文件夹中的单独文件中。例如,如果您将所有 css 文件保存在“css”文件夹中,则需要将字体 url 修改为相对于该文件,而不是相对于根文件夹。在这个例子中它将是src: url('../inlove-light-wf.ttf');
此外,并非所有浏览器都可以使用 .ttf 字体文件。您必须在中声明替代字体格式@font-face
css.
这是修改后的@font-face
声明以帮助您开始。我还建议您阅读更多内容here http://www.fontspring.com/blog/fixing-ie9-font-face-problems and here http://sixrevisions.com/css/font-face-guide/.
@font-face {
font-family: 'Inlove';
src: url('inlove-light-wf.eot'); /* IE9 Compat Modes */
src: url('inlove-light-wf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('inlove-light-wf.woff') format('woff'), /* Modern Browsers */
url('inlove-light-wf.ttf') format('truetype'), /* Safari, Android, iOS */
url('inlove-light-wf.svg#svgFontName') format('svg'); /* Legacy iOS */
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)