gpt4 book ai didi

html - @fontface otf 和 ttf 都不能在 Firefox 上工作,但可以在 Chrome 和 Safari 上工作

转载 作者:行者123 更新时间:2023-11-28 13:27:36 25 4
gpt4 key购买 nike

我有这个字体,我想使用它。我把它上传到我的服务器,并使用 fontface 来调用它。它们在 Chrome 和 Safari 中工作得很好,但在 FireFox 中就完全不行了。我尝试了 .otf 和 .ttf。它们都适用于 Chrome 和 Safari,但不适用于 FireFox。他们也与 jsfiddle.net 一起工作。我用谷歌搜索为什么 FireFox 这样做,人们说如果我将 .ttf 转换为 .otf,它应该可以工作。但它现在不起作用。有人可以告诉我它有什么问题吗?

     <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>font-test</title>
<style>
@font-face {font-family:Hush; src: local(Hush), url('http://www.yifanchen.net/temp/Hush.otf') format('opentype');}
@font-face {font-family:Hush2; src: local(Hush2), url('http://www.yifanchen.net/temp/hush.ttf') format('truetype');}

.test h1.otf {font-family:Hush; color:#000;}
.test h1.ttf {font-family:Hush2; color:red;}
</style>
</head>

<body>
<div class="test">
<h1 class="otf">This is a test for Hush.otf.</h1>
<h1 class="ttf">This is a test for Hush.ttf</h1>
</div>
</body>

http://jsfiddle.net/7537247/wUvqe/如果你想在 FireFox 中测试它,他们确实在 jsfddle 工作。您可能需要下载它。

最佳答案

在 Firefox 中,路径必须在同一个域中。如果您将 src url 设置为另一个域,Firefox 无法找到任何字体。我更改了 domin,它在 FireFox 上有效,在 IE 中也有效。只是希望这个答案也能帮助其他用户。

关于html - @fontface otf 和 ttf 都不能在 Firefox 上工作,但可以在 Chrome 和 Safari 上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13127845/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com