進口字體

-1

這裏是CSS代碼

@font-face { 
    font-family: 'Soolidium', sans-serif; 
    font-style: normal; 
    src:url(http://localhost/changingCinema/font/Soolidium.ttf) format('truetype'); 
} 

heading 
     { 
      float:left; 
      width:100%; 
      margin-bottom:10px; 
      font-size:54px; 
      font-family: 'Soolidium', sans-serif;}

這是HTML

<heading>My heading</heading>

只有當我安裝這個字體工作在我的窗口否則不是。

幫我快速地謝謝你。

來源

2015-10-01 Rajnish Rajput

您是否嘗試過使用相對URL？ – slash197

檢查開發工具是字體已成功加載。 – Orland

你是什麼意思 –

-2

嘗試更換：

src:url(http://localhost/changingCinema/font/Soolidium.ttf) format('truetype');

有：

src: url('../font/Soolidium.ttf');

假設你有一個在你的ROOT目錄中的字體 'Soolidium.ttf' 命名爲 '字體' 文件夾

來源

2015-10-01 10:42:04

如果你還不知道文件結構，你怎麼能想出來？ – Orland

「假設」..... –

我已經試過這個不行的 –

。 In Font face set font name name

@font-face { 
    font-family: 'Soolidium'; 
    font-style: normal; 
    src: url('http://localhost/changingCinema/font/Soolidium.ttf') format('truetype'); 
    }

對於所有瀏覽器支持，您必須爲不同的字體文件提供url。（.eot/.woff/.ttf/.svg）

來源

2015-10-01 10:46:10

哈哈從來沒有像這樣工作 –

您使用哪種瀏覽器？ –

首先請確保您將@ font-face放在任何其他樣式之前。

如果可能的話，你可能還需要添加額外的規則瀏覽器支持這樣的：

@font-face { 
    font-family: 'Soolidium', sans-serif; 
    src: url('Soolidium.woff2') format('woff2'), 
    url('Soolidium.woff') format('woff'), 
    url('Soolidium.ttf') format('truetype'); 
}

和往常一樣檢查拼寫錯誤或指向了錯誤的道路。 還記得你從你的CSS文件調用這個，所以你需要相對點的字體文件夾。

來源

2015-10-01 10:58:48 Chris

回答

相關問題