帶有字體家族的自定義字體

Question

@Font-Face無法使用我的自定義字體文件。 我看了幾本有關HowTo的指南，但它們都不適用於我正在使用的字體文件。 我在這里做錯了什么？ 我正在使用Firefox和chrome在瀏覽器中進行測試。 我使用的字體是HERE 。

 @font-face { font-family: "RuneScape UF"; src: url("fonts/runescape_uf.ttf") format("truetype"); font-style: 100; } body { background-image: url("image/BS/bg.jpg"); background-size: cover; font-family: "RuneScape UF"; color: yellow; font-size: 40px; } 

 <h1> testing </h1> 

Answer 1

嘗試進行這些更改-

@font-face{
font-family: RuneScapeUF; src: url(/fonts/RunescapeUF.ttf);
}

1. 如果它是Linux服務器，則在URL之前添加一個“ /”，否則在Windows（xampp）上保持原樣。

2. 從網址中刪除“ _”（並重命名您的文件）。

3. 同時刪除空格，使“ RuneScape UF”變為“ RuneScapeUF”

4. 還要確保您的css文件具有604或644權限（如果是Linux）。

5. 同樣在CSS文件中，而不是在主體下，直接在h1下聲明字體家族。

順便說一句，當可以輕松地操縱“ p”時，為什么不使用“ p”代替“ h1”？