在CSS中使用自定義字體

當我嘗試，字體不起作用，它使用自定義時間新羅馬。

這是我在樣式表代碼：

@font-face { 
    font-family: "ARBONNIE"; 
    src: url(Custom/ARBONNIE.ttf); 
} 
font { 
    font-family: "ARBONNIE"; 
}

但是，當我瀏覽的網站，自定義字體不顯示。
這是正確的目錄和一切。 :(

來源

2012-06-28 ryan test

您是否使用它整個網站請幫助？

，你把「字型{}」是你應該指定的字體是否是一個div，A，P，跨度大，身體，等

所以儘量body { font-family: "ARBONNIE"; }希望它有助於

來源

2012-06-28 22:48:47 dilloncarter

我wan't將其分配只是字體 –

字體標籤是一個貶值的因素。將字體分配給您的身體標記，與我上面所做的相似，它應該可以工作。如果你需要更多的幫助，我將需要你的網站到網站 – dilloncarter

我不希望它整個嚇人的網站！我只想要一件事。 –

我看到兩個潛在的問題：

@字體面在某些瀏覽器和某些字體類型只支持

IE9支持@字體面的.eot字體 IE8和更早版本不支持@字體面火狐，歌劇，鉻，和Safari瀏覽器支持@字體面爲* .TTF和*雜項文件的字體

你在IE中測試這個嗎？ * .ttf將不起作用。

第二個可能的問題 - 嘗試這樣做，而不要使用「font」作爲選擇器。使用獨特的選擇器或將其分配給身體或選擇器

編輯 - 看到你想要一個區域。選擇一個新的選擇，使用的字體樣式是這樣的：

@font-face { 
    font-family: "ARBONNIE"; 
    src: url("Custom/ARBONNIE.ttf");} 

ArbFont {font:16pt "Arbonnie";}

然後改變你的HTML中使用新的選擇，如這樣的：

<div id="ArbFont">This is in Arbonnie</div>

來源

2012-06-28 23:03:59 TheyCallMeRobot

您使用的@font-face並非與所有瀏覽器兼容。一個用於生成跨瀏覽器@font-face代碼的有用工具是：Font Squirrel @font-face Generator。該生成器將爲您提供所需的所有文件，以及可用於在各種瀏覽器中測試的完整示例。

最終頁面上，你的CSS將是這個樣子：

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

} 

.custom-font { 
    font-family: 'BitstreamVeraSerifBold'; 
}

請注意，我使用的字體BitstreamVeraSerifBold這裏，與字體文件在同一目錄下的CSS文件。

而在你的HTML：

<span class="custom-font">Your text here</span>

來源

2012-06-28 23:23:06

在CSS中使用自定義字體

回答

相關問題