@fontface不安裝正確

剛纔我帶來了網絡fontface使用首次。我已經將它上傳到我們的測試服務器，並且可以在辦公室中的所有機器上運行，除了一臺筆記本電腦。@fontface不安裝正確

發現，筆記本電腦沒有工作後，我做了crossbrowsertesting.com測試在所有平臺上，發現它並沒有出現在其中任何一個。

然後我上傳了mywebsfontkit文件夾，說明如何將webfont安裝到我的服務器上，並做了另一次crossbrowser檢查，發現字體開始在某些瀏覽器上工作，但是當我嘗試將它放入自己的頁面時失敗。

我嘗試了好幾種方法，使其工作。 1 - 我把完整的URL路徑中的字體 - 什麼都沒有發生 2 - 我已經把網絡字體的根文件夾以及我的服務器的根文件夾 3 - 我已經打過電話的方式不同字體的博物館，即font-family：'Museo'或font-family：'Museo-700'。

在我發佈的示例中，您將看到對於nav我將museo稱爲museo-700，現在在我的機器上調用arial而不是頭文本中的文本，我將museo稱爲font-family：'博物館」。據我所知，字體也不會在所有的瀏覽器，但我想不通爲什麼它會在一個文件中工作，而不是其他。

我也加入到我的.htaccess文件將AddType字體/ TTF的.ttf 將AddType字體/ EOT .eot 將AddType字體/ OTF雜項文件將AddType字體/ WOFF .woff

的樣式表持有的字體是被稱爲如下

<link rel="stylesheet" type="text/css" href="css/type.css" />

具有字體的樣式

@font-face {font-family: 'Museo-900';src: url('webfonts/23C024_0_0.eot');src: url('webfonts/23C024_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/23C024_0_0.woff') format('woff'),url('webfonts/23C024_0_0.ttf') format('truetype');} 


@font-face {font-family: 'Museo-700';src: url('webfonts/23C024_1_0.eot');src: url('webfonts/23C024_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/23C024_1_0.woff') format('woff'),url('webfonts/23C024_1_0.ttf') format('truetype');} 


@font-face {font-family: 'Museo-500';src: url('webfonts/23C024_2_0.eot');src: url('webfonts/23C024_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/23C024_2_0.woff') format('woff'),url('webfonts/23C024_2_0.ttf') format('truetype');}

，我如何調用該字體的資產淨值和頭

#nav ul li { 
float: left; 
position: relative; 
color:#000; 
font-family: 'Museo-700', Arial, sans-serif; 
font-size: 12px; 
font-weight: normal; 
} 

    .title-900 { 
font-family: 'Museo-900', Arial, sans-serif !important; 
font-weight: normal; 
font-size:18px; 
line-height:20px; 
color:#9BC255; 
padding-bottom:10px; 
}

來源

2012-08-16 kas

在@font-face部分已調用了裝載的字體Museo-900，Museo-700，Museo-500你必須經常使用相同的字體系列指令，如：

font-family: "Museo-900", Arial, sans-serif !important;

除此之外，我看不到任何其他可能會導致此問題的沙箱中。

來源

2012-08-16 23:51:27 behnam

謝謝我剛剛意識到我也拼錯了Museo，所以這也不會幫助我！ – kas 2012-08-16 23:59:59

我已更正了我稱爲Museo的方式，但我仍然遇到同樣的問題，當我在多個瀏覽器中進行測試時，沒有一個出現在Museo中。 – kas 2012-08-17 00:36:36

你能分享一個鏈接到你的最新作品嗎？ – behnam 2012-08-17 01:49:01

只是爲了爲了容易參考，爲今後的閱讀。以下是可以幫助解決此類問題的一般方法：

a。首先檢查你的css框架文件是否加載到你的自定義css文件之前。您的自定義css文件必須在框架/窗口小部件css文件之後加載才能具有更高的優先級。

b。 Font屬性是一個可繼承的CSS屬性。這意味着，如果您已將其應用於body標籤，則所有html元素都將從body標籤繼承它，前提是沒有中間元素具有指定的font-family屬性的不同值。確保DOM中不存在這樣的元素。此外，你的字體文件應該顯示在200狀態的網絡標籤中。

c。計算元素的字體族屬性的特殊性。有時，即使下載新字體，我們也沒有得到預期的結果，因爲我們的字體系列具有較低的特性（優先級）。

來源

2016-01-13 18:54:56

@fontface不安裝正確

回答

相關問題