Question

@font-face {
    font-family: iconFont;
    src: local(iconFont), url('fonts/iconFont.ttf') format('opentype');
}

字体文件没有损坏，在OSX等安装得很好，让我预览它。但是当我尝试在网页上使用它时它不会呈现任何内容，或者即使我在插图画家中选择它，如果我触摸任何键，它只会切换到另一种字体。

字体是'常规'，我尝试了其他选项，但它不起作用。尝试过打开/关闭等等打字。使用numpad，什么都没有。重新安装它并确保没有重复。它也不适用于Windows。不确定我是否需要以某种方式更改我的CSS或者错误是使用字体。

这是任何想要尝试的人的字体链接。这是一堆地铁图标。 http://www2.zippyshare.com/v/23494573/file.html

Answer 1

不确定这是否有帮助，但这是我使用的CSS，它工作正常。 webfonts目录与css文件位于同一目录中，包括三种文件类型：.eot .ttf .woff

@font-face {
    font-family: 'AvenirLT-Book';
    src: url('webfonts/25EE2B_0_0.eot');
    src: url('webfonts/25EE2B_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/25EE2B_0_0.woff') format('woff'), url('webfonts/25EE2B_0_0.ttf') format('truetype');
}

一个典型的阶级贬值：

.AvenirLT-Book {
    font-family: AvenirLT-Book;
    font-weight: normal;
    font-style: normal;
}

也许您需要将格式更改为('truetype')而不是('opentype')？

使用带有@ font-face声明的字体以及通常与应用程序一起使用的问题

1 个答案: