html - 将字体嵌入 HTML

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;
}