2015-07-03 102 views
0

因此,我試圖在我的網站上使用Overseer,但它不會顯示給任何沒有在電腦上安裝該字體的人。我使用@font face和5種不同版本的字體(otf,eot,woff,ttf和svg),但它仍然無法加載。任何方式我可以解決這個問題?這是@ font-face css。自定義字體沒有在網站上顯示

@font-face { 
font-family: Overseer; 
src: url(fonts/overseer.eot); 
src: url(fonts/overseer.eot) format('embedded-opentype'), url(fonts/overseer.woff) format('woff'), url(fonts/overseer.ttf) format('truetype'), url(fonts/overseer.svg) format('svg'); 
font-weight: 400; 
font-style: normal;} 
+0

您應該添加腳本代碼甚至鏈接到您的網站,讓我們來幫助您。閱讀[this](http://stackoverflow.com/help/how-to-ask) –

+0

由於當前字體未加載,網站已被切換,但一旦我們獲得字體的工作,網站將被切換回來。 – NuckG

+0

然後添加小提琴。或者是一個笨蛋。或者在這裏一些代碼。 –

回答

0

試試這個!一些小的變化可能會有所幫助。

@font-face { 
    font-family: 'Overseer'; 
    src: url(fonts/overseer.eot); 
    src: url(fonts/overseer.eot?#iefix) format('embedded-opentype'),  
     url(fonts/overseer.woff) format('woff'), 
     url(fonts/overseer.ttf) format('truetype'), 
     url(fonts/overseer.svg#Overseer) format('svg'); 
    font-weight: 400; 
    font-style: normal; 
} 

它適用於我。製作字體有時會很困難。 如果有效,請接受它。

+0

好的,謝謝!我將它添加進來,並在我將網站切換回來後進行測試。 – NuckG