自定義字體工作不正常

我無法使自定義@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

自定義字體工作不正常

回答

相關問題