自定义字体工作不正常

我无法使自定义@font-face正常工作。 <p>我将此类样式应用于默认为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

来源

2014-09-04 Antony West

之前您在@字体面删除.stonefont。这是导致字体不工作。

来源

2014-09-04 14:26:51

这并没有解决它即时通讯。 – 2014-09-04 14:51:38

你是如何使用元素的字体？ – 2014-09-04 14:56:24

你在做'p {font-family：“effrastdltwebfontwoff”;}'？ – Aibrean 2014-09-04 14:56:27

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

我会建议上传字体文件到您的FTP而不是提出外部请求，正如您所提到的您正在加载错误。

除了在CSS中添加字体文件外，还需要告诉p元素使用该字体。（但记得要包括回退）

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

或者，如果你想申请眼前这个字体为一类，然后更改p到.stonefont，记得将该类添加到要应用该字体的元素。

HTML：

<p class='stonefont'>Some text</p>

CSS：在其他的答案建议（注单引号）

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

来源

2014-09-04 14:58:37 Lee

不仍然工作 – 2014-09-04 15:34:05

您是否能够检查页面上的元素？你是否得到任何控制台的错误，加载文件？ – Lee 2014-09-04 15:34:50

顺便说一句，我注意到你在你的font-family声明中使用了双引号，而你的font-face声明了单引号。使用一个或另一个，然后再试一次 – Lee 2014-09-04 15:35:43

虚假.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

来源

2014-09-04 16:53:24

自定义字体工作不正常

回答

相关问题