为什么字体不能在Html CSS中工作？

我不喜欢Graffonti字体，我添加了Css3，但html结果没有显示字体。为什么字体不能在Html CSS中工作？

我的CSS文件中有这样的代码，..

@font-face { 
     font-family: Graffonti; 
     src: url('fonts/Graffonti/graffonti.3d.drop.[fontvir.us].ttf'); 
    } 

h1,h2,h3,h4,h5,h6{ 
    margin-bottom: 21px; 
    line-height: 21px; 
    font-family: 'Graffonti',sans-serif; 
    font-weight: 400; 
    line-height: 1.2em; 
}

字体在字体/ Graffont文件夹，。我想在我的系统中安装字体吗？

什么是错？

来源

2012-02-09 Sagotharan

我通常有字体的多个版本，允许多个浏览器，如果你去这里并上传您的字体，它生成的代码和字体格式，为您提供： http://www.fontsquirrel.com/fontface/generator

来源

2012-02-09 17:28:09 jamie

我只有TTF文件。我做了什么？ – Sagotharan 2012-02-09 17:33:02

http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax – Sagotharan 2012-02-09 17:36:12

是字体/文件夹中的同目录作为css文件？

[fonts] [images] index.html style.css

如果字体文件夹可供通过http://domain.com/fonts/Graffonti/.../graffonti...ttf 然后将URL包括根斜线/fonts/

我还建议从字体文件名去掉括号[]和更新代码相匹配。

src:url('/fonts/Graffonti/graffonti.3d.drop.fontvir.us.ttf');

来源

2012-02-09 17:30:04

没有它的一个单独的文件夹。谢谢。 – Sagotharan 2012-02-09 17:31:30

不要忘记喷码..

@font-face { 
    font-family: 'MyFontFamily'; 
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf') format('truetype'), 
     url('myfont-webfont.svg#svgFontName') format('svg'); 
    }

这个编码可以帮助..它支持下面的浏览器。

的Safari 5.03，IE 6-9，火狐3.6-4，铬8的iOS 3.2-4.2，机器人 2.2-2.3，歌剧11

来源

2012-02-17 18:22:13

你为什么这样说话？ – benesch 2012-02-17 18:25:52

喜欢什么？...我不喜欢？ – 2012-02-17 18:28:59

为什么字体不能在Html CSS中工作？

回答

相关问题