Html 自定义字体不工作

我的自定义

@font-face

无法正常工作。

我将此类样式应用于默认的Arial。这里怎么了

<style>
.stonefont
@font-face {
    font-family: 'effrastdltwebfontwoff';
    src: url('http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot');
    src: url('http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot?#iefix'),     format('embedded-opentype'),
     url('http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.woff') format('woff'),
     url('http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.ttf') format('truetype'),
     url('http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.svg#effrastdltwebfontwoff') format('svg');
font-weight: normal;
font-style: normal;

}

p{

font-family: "effrastdltwebfontwoff"; 
background:transparent; text-shadow: none; border-radius: 0; box-shadow: none; position:absolute;     font-size:18px;text-align:center; z-index:99; top:157px; left:64.5px; padding: 0 7px; overflow:hidden; color:black; margin:0; border:0;height:37px;width:184px;"

}
</style>

Thanks

.斯通字体
@字体{
字体系列：“effrastdltwebfontwoff”；
src:url（'http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot');
src:url（'http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot?#iefix格式（'embedded-opentype'），
url（'http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.woff“）格式（“woff”），
url（'http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.ttf“）格式（'truetype'），
url（'http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.svg#effrastdltwebfontwoff格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
p{
字体系列：“effrastdltwebfontwoff”；
背景：透明；文本阴影：无；边框半径：0；框阴影：无；位置：绝对；字体大小：18px；文本对齐：中心；z索引：99；顶部：157px；左侧：64.5px；填充：0 7px；溢出：隐藏；颜色：黑色；边距：0；边框：0；高度：37px；宽度：184px；”
}
谢谢

在@font-face之前删除

.stonefont

，这会导致字体不工作。

在@font-face之前删除

.stonefont

，这会导致字体不工作。

首先，删除@font-face之前的.stonefont

我建议您将字体文件上传到FTP，而不是进行外部请求，因为您提到您会遇到加载错误

除了在CSS中添加字体文件外，您还需要告诉

p

元素使用字体。（但请记住包含备用）

或者，如果要将此字体作为一个类应用，请将

p

更改为

.stonefont

，并记住将该类添加到要应用该字体的任何元素中

HTML:

---

首先，删除@font-face之前的.stonefont

我建议您将字体文件上传到FTP，而不是进行外部请求，因为您提到您会遇到加载错误

除了在CSS中添加字体文件外，您还需要告诉

p

元素使用字体。（但请记住包含备用）

或者，如果要将此字体作为一个类应用，请将

p

更改为

.stonefont

，并记住将该类添加到要应用该字体的任何元素中

HTML:

---

按照其他答案中的建议删除虚假的

.stonefont

后，Firefox控制台中会显示以下错误消息：

downloadable font: download failed (font-family: "effrastdltwebfontwoff" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot

---

因此，这是一个跨站点访问问题。这可以由托管字体的服务器的管理员解决，但假设他们的策略是不允许跨站点访问，您需要下载字体，创建合适的字体文件，然后将其上载到您自己的服务器上。当然，前提是字体版权公告允许

在按照其他答案中的建议删除虚假的

.stonefont

后，可以在Firefox控制台中看到以下错误消息：

downloadable font: download failed (font-family: "effrastdltwebfontwoff" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot

---

因此，这是一个跨站点访问问题。这可以由托管字体的服务器的管理员解决，但假设他们的策略是不允许跨站点访问，您需要下载字体，创建合适的字体文件，然后将其上载到您自己的服务器上。当然，前提是字体版权公告允许

这没有在afriad中修复它。您如何为元素使用字体？您是否正在执行

p{font family:“effrastdltwebfontwoff”}

？这没有在afriad中修复它。您如何为元素使用字体？您是否正在执行

p{font family:“effrastdltwfontwoff”}

？您能够检查页面上的元素吗？您是否在加载文件时遇到任何控制台错误？顺便说一句，我注意到您在字体系列声明中使用了双引号，并且您的字体面声明了单引号。请使用其中一个，然后再试一次，这样实际上不会加载字体全部。你能下载字体并上传到你的网站空间吗？为此，你需要确保你有正确的字体许可证。你能检查页面上的元素吗？你有没有收到任何控制台错误导致加载文件失败？顺便说一句，我注意到你的字体系列中使用了双引号，并且您的字体面正在声明单引号。请使用其中一个，然后再试一次，这样就根本不会加载字体。您可以下载字体并将其上载到您的Web空间吗？为此，您需要确保您拥有正确的字体许可证。

.stonefont {font-family: 'effrastdltwebfontwoff', Arial, sans-serif;}

downloadable font: download failed (font-family: "effrastdltwebfontwoff" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
source: http://s3.amazonaws.com/ManualUploads/rosettastone/font/stone-webfont.eot