Question

我正在尝试将字体“Andale Mono”嵌入到我的html页面中，我的字体有以下扩展名：.eot，.svg，.ttf和.woff

无论如何，我可以让它在所有浏览器上运行吗？我能够在Firefox，Chrome和Safari上正常工作，但它不适用于IE。

这是我上次发现的内容：

@font-face {
       font-family: 'Andale Mono';
       src: url('AndaleMono-webfont.eot?') format('eot'), url('AndaleMono-webfont.woff') format('woff'), url('AndaleMono-webfont.ttf') format('truetype');
}

提前致谢。

Answer 1

当然，最简单的方法是使用fontsquirrel.com

Answer 2

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('styles/PTN77F-webfont.eot');
    src: url('styles/PTN77F-webfont.eot?iefix') format('eot'),
         url('styles/PTN77F-webfont.woff') format('woff'),
         url('styles/PTN77F-webfont.ttf') format('truetype'),
         url('styles/PTN77F-webfont.svg#webfontSTdD4QCq') format('svg');
    font-weight: normal;
    font-style: normal;
}

将字体嵌入HTML

2 个答案: