2013-03-16 92 views
2

我使用FontSquirrel提供的web字體工具包的Web字體。我目前在「StilettoRedBand.com」的根文件夾中有文件,但在我的Storenvy頁面(stilettored.storenvy.com)中,webfont不在標題或頁腳中工作。在我的Storenvy頁面上遇到自定義字體問題

我一直在這個項目上工作太多,我似乎錯過了一些東西,並且很難找到問題,因爲它一開始工作,然後就停止了。

任何人都可以幫我嗎?

這裏的字體來源:http://www.fontsquirrel.com/fonts/WC-Mano-Negra-Bta

+0

這會更好,如果你張貼一些你的CSS – 2015-05-29 07:40:06

回答

0

嘗試

@font-face { 
font-family:WCManoNegraBta; 
font-weight:bold; 
src:url("path-to-the-font-file/WCManoNegraBta.otf") format("opentype");} 

div { 
    font-family:WCManoNegraBta; 
} 
+0

嘿Mikatsu,沒有運氣。 – 2013-03-16 20:22:24

+0

你用過它嗎?也許只是你的瀏覽器不支持你在鏈接上提供的格式。 – Mikatsu 2013-03-16 20:25:57

+0

嘿Mikatsu,它目前正在使用的元素。它現在似乎不適用於我的Mac上的Firefox。 – 2013-03-16 20:32:38

0

你需要確保你得到了所有需要的字體文件(.eot,.TTF,.woff和.SVG)。點擊「Webfont工具包」選項卡並下載整個軟件包。使用此代碼並確保您的鏈接是正確的。您還應該嘗試刪除「text-rendering:optimizeLegibility;」如果你正在使用這個。

@font-face { 
font-family: 'WCManoNegraBtaRegular'; 
src: url('WCManoNegraBta-webfont.eot'); 
src: url('WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'), 
    url('WCManoNegraBta-webfont.woff') format('woff'), 
    url('WCManoNegraBta-webfont.ttf') format('truetype'), 
    url('WCManoNegraBta-webfont.svg#WCManoNegraBtaRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 
+0

嘿,這不是在Firefox的工作。由於Storenvy不承載字體,我應該做一些不同的事情嗎? 它會這樣構造: src:url('http://stilettoredtix.com/bandsite/WCManoNegraBta ... – 2013-03-20 09:27:22

0

我與我的storenvy商店的firefox有同樣的問題。下面是我發現的修補程序:

How to add an Access-Control-Allow-Origin header

你只需要在.htaccess文件下面的代碼在同一文件夾作爲您的字體:

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

我還沒有得到它的工作但是,我的網站託管在godaddy上,所以我不知道我的問題是否與該問題有關。

祝你好運!

0

我遇到了同樣的問題!讀完這篇文章後,我最終得到了字體爲我工作。

我所做的就是添加@字體面的代碼到我的託管網站,並保存爲文件a.css

例子:http://lovepollution.com/andadrifont.css

然後我去了主題部分,並點擊「CSS模式」。我在樣式表中添加如下。

@import url('http://lovepollution.com/andadrifont.css'); 

保存並正在運行。