使用自定义字体构建网站。得到了设计师的.ttf文件。
css看起来像这样:
@font-face{
font-family:MenuFont;
src: url("http://www.website.com/assets/fontfile.ttf");
}
.divClass{font-family:MenuFont;}
我尝试过他给我的几个不同的字体文件。其中一个根本没有显示出来。更奇怪的是,其中一些只影响某些字母。例如,插入一个文件只能使用O,R的C和P使用正确的字体。我检查过,浏览器中的字母相同。
看着萤火虫,我可以看到整个字体,当我滚动字体文件网址时,所以我的网址很好,浏览器正在获取字体。
我在这里缺少什么?
答案 0 :(得分:1)
使用FontSquirrel生成正确的font-face
代码和所有需要的字体。请参阅:http://www.fontsquirrel.com/fontface/generator
您将获得更加扩展且兼容的font-face
声明。像这样:
@font-face {
font-family: 'Meran';
src: url('../fonts/meran-normal-webfont.eot');
src: url('../fonts/meran-normal-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/meran-normal-webfont.woff') format('woff'),
url('../fonts/meran-normal-webfont.ttf') format('truetype'),
url('../fonts/meran-normal-webfont.svg#Meran') format('svg');
font-weight: normal;
font-style: normal;
}