如何使用CSS包含.ttf字体？

仅为webfont提供.ttf文件不足以支持跨浏览器。目前最好的组合是使用以下组合：

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

此代码假定您的webfont具有.eot，.woff，.ttf和svg格式。要使所有这些过程自动化，您可以使用：Font-
Squirrel：Web字体生成器。

另外，现代浏览器也正在向.woff字体转移，因此您也可以这样做：：

@font-face {  font-family: 'MyWebFont';  src: url('myfont.woff') format('woff'),    url('myfont.ttf') format('truetype'); }