Html 嵌入TTF字体@字体面

我已经试了一段时间了，我做到了

<style> 
@font-family {
 font-family: 'bebas';
 src: url( monthly.square7.ch/bebas/bebas.ttf; } 

span {
font-family: bebas ;
}
</style>
<span> hello </span>

@字体系列{
字体系列：“bebas”；
src:url（monthly.square7.ch/bebas/bebas.ttf；}
跨度{
字体系列：bebas；
}
你好

---

@字体{
字体系列：bebas；
src:url（monthly.bplaced.net/bebas/bebas.ttf）；
}
贝巴斯字体测试

而这显然是行不通的

---字体位于

我之前也问过，但运气不好。

---

假设来自的信息，并且您的CSS每月都在

上。co.vu

，您会遇到问题

您的浏览器控制台中可能会出现以下错误：

源“”处的重定向已被跨源资源共享策略阻止加载：请求的资源上不存在“访问控制允许源”标头。因此，不允许源“”访问

您的字体来自与页面不同的域，因此您需要使用TTF提供以下标题：

Access-Control-Allow-Origin: monthly.co.vu

然后您的字体可以嵌入到页面中

---

或者，您只需将字体托管在与正在访问的页面相同的域中，并避免这些问题。

如果您遇到一些代码问题，请尝试以下操作：

@font-face{
字体系列：“bebas”；
src:url（'http://monthly.square7.ch/bebas/bebas.ttf');
}
跨度{
字体系列：“bebas”，Arial，无衬线；
}

---

hello

我建议使用数据URI的另一种方法，这种方法肯定有效，因为您不会处理跨域请求（如果这是之前的问题）。请注意，如果数据未兑现，您将在每个页面重新加载时发送更多数据

将字体转换为数据字符串并直接粘贴到@font-face。有关详细信息，请参阅

src: url('data:font/ttf;base64,"DATA STRING GOES HERE WITHOUT QUOTES"')

---

这些URL是用来表示文件夹的吗？如果它们是用来表示URL的，你需要以

http://

作为前缀。即使使用http://它也不起作用。可能与我在底部的粘贴头中提到的相同，对吗？我是否这样做：不，http头由你的Web服务器提供服务（例如Apache/nginx）。如果是Apache，您可以将其添加到

.htaccess

文件中。我不明白？？我知道Apache和nginx应该与服务器操作系统类似。您需要了解Web服务器的工作原理。为什么要使用多个域？也许这对您来说更容易修复。我在一个域上有一个托管帐户，b但是我喜欢另一个领域better@Tobi，它可以在chrome上运行。firefox上存在一些问题。请尝试添加更多回退（bebas.eot）

src: url('data:font/ttf;base64,"DATA STRING GOES HERE WITHOUT QUOTES"')