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

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

该字体用于“常规”，我尝试了其他选项，但它不起作用。尝试过打开/关闭大写字母等。使用小键盘，什么都没有。已重新安装并确保没有重复项。它也不适用于 Windows。不确定我是否需要以某种方式更改我的 css 或者问题出在字体上。

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

4

1 回答 1

0

不确定这是否有帮助，但这是我使用的 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')？

于 2013-06-12T08:06:31.657 回答