某些字体未显示在所有浏览器/计算机上

时间:2013-11-02 23:08:59

标签: html css fonts cross-browser font-face

陷入一个奇怪的问题。我在标题的第一部分使用Factor Font,在标题的第二部分使用另一种字体。我上传了.ttf文件并在css中链接到它们。它出现在我的mac(chrome,safari,mobile)上,但不出现在别人的电脑上(chrome,mozilla,甚至是手机)。我不知道问题是什么。它的外观如下:How it should be 这就是它出错的样子。 How it shows up at other times

就像我说的那样,它上传到服务器就好了,因为我使用某种字体“生活博客”,以便正确加载和使用字体。可能是什么问题呢???这是这个字体吗?这是我的css代码:

@font-face{
font-family: "Factor";
src: url("..//fonts/factor.ttf");
}
@font-face{
font-family: "Mamma Gamma";
src: url("..//fonts/MammaGamma.ttf");
}
#title h1{
font-family: "Factor";
font-size: 46px;
margin-bottom: -30px;
}
#title h2{
font-family: "Mamma Gamma";
font-size: 80px;
margin-bottom: -25px;
}

这是html ......这一切都非常简单:

<div id="title">
    <h1>Elena Ikovleva</h1>
    <h2>Life Blog</h2>
</div>

0 个答案:

没有答案