将字体嵌入 HTML

发布于 2024-10-19 16:34:34 字数 420 浏览 5 评论 0原文

我正在尝试将字体“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');
}

提前致谢。

原文

I'm trying to embed the font "Andale Mono" to my html pages, I have the font in the following extensions: .eot, .svg, .ttf and .woff

Is there anyway that I can get it to work on all browsers?? I was able to get it work fine on Firefox, Chrome and Safari, but it's not working on IE.

Here is what I last found:

@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');
}

Thanks in advance.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

叹梦 2024-10-26 16:34:34

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

回复收藏 0 原文

傲性难收 2024-10-26 16:34:34

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

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

回复收藏 0 原文

~没有更多了~