Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 某些字体不是';t显示在所有浏览器/计算机上_Html_Css_Fonts_Cross Browser_Font Face - Fatal编程技术网

Html 某些字体不是';t显示在所有浏览器/计算机上

Html 某些字体不是';t显示在所有浏览器/计算机上,html,css,fonts,cross-browser,font-face,Html,Css,Fonts,Cross Browser,Font Face,遇到了一个奇怪的问题。我在标题的第一部分使用另一种字体,在标题的第二部分使用另一种字体。我上传了.ttf文件并在css中链接到它们。它出现在我的mac电脑(chrome、safari、mobile)上,但不会出现在其他人的电脑(chrome、mozilla、甚至mobile)上。我不知道问题出在哪里。它应该是这样的: 这就是它出错时的样子。 就像我说的,它被上传到服务器上很好,因为我在“生活博客”中使用了某种字体,所以字体被正确加载和使用。有什么问题吗???是这种字体吗?以下是我的css代码:

遇到了一个奇怪的问题。我在标题的第一部分使用另一种字体,在标题的第二部分使用另一种字体。我上传了.ttf文件并在css中链接到它们。它出现在我的mac电脑(chrome、safari、mobile)上,但不会出现在其他人的电脑(chrome、mozilla、甚至mobile)上。我不知道问题出在哪里。它应该是这样的: 这就是它出错时的样子。

就像我说的,它被上传到服务器上很好,因为我在“生活博客”中使用了某种字体,所以字体被正确加载和使用。有什么问题吗???是这种字体吗?以下是我的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>

伊科夫列娃
生活博客

这需要更多信息-哪些浏览器上没有显示它?另外,这个:
。//fonts
有一个斜杠太多了,你应该去掉第二个,就像我说的,即使有两个斜杠,字体也会被使用,所以这不是问题所在。此外,我还列出了我测试的浏览器。问题不在于浏览器,而在于其他设备。它在我的电脑和手机上都可以正常工作,但在我妻子的电脑或她的手机上却无法正常工作。您在错误控制台中看到了什么?Mozilla的错误控制台有两个条目,“错误:可下载字体:表目录顺序不正确(字体系列:“因子”样式:正常权重:正常拉伸:正常src索引:0)来源:文件:///~/Downloads/FACTOR2.TTF”和“错误:可下载字体:被消毒剂拒绝(字体系列:“Factor”样式:正常重量:正常拉伸:正常src索引:0)”。我觉得字体有问题。此外,它是1999年创建的。你可以在网上搜索是否有这种字体的更新版本(或类似版本),也可以在它工作的计算机上尝试将其加载到字体编辑器并保存或导出。如果所有这些都不起作用,那么是的,最明智的选择是只制作标题的图形。