爲什麼內置字體在HTML內工作，而外部字體不能？

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Inbuilt font face Inbuilt font face </body> </html>

<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> Externally installed font face Externally installed font face </body> </html>

在平臺和操作系統（包括Windows）上只共享很小比例的字體。

您的「阿爾及利亞」字體不適用於沒有安裝字體的其他人。使用字體時，最好的做法是在字體定義的末尾包含通用字體集，以防用戶沒有所需的字體。例如：

html { 
    font-family:"Algerian", arial, serif; 
}

但是，有解決方案可以創建自定義字體集並將其安裝到您的網站。解決方案包括FontSquirrel（商業）和Google Fonts（免費）。這些通常被稱爲「Web字體」。

對於FontSquirrel，你上傳你想要的字體集和發電機會產生網絡兼容的字體集。谷歌字體我不相信提供了一個自定義選項，但有100多種字體可供選擇。

這兩個過程都要求您向您的網站添加相當多的CSS塊，包括相應的Web字體文件。但他們肯定看起來很厲害！

關於你現有的代碼，請使用過時的HTML如標籤（字體標籤在HTML 4.01棄用）避免。將它們替換爲帶有類的標記並在CSS中定義這些字體。

<span class="yourStyleClass">xxxxxxx</span> 

.yourStyleClass { 
    font-family:"Spirax", arial, serif; 
}

希望幫助！

來源

2017-07-14 13:49:00 recurse

我很感謝你爲回答這個問題所做的努力。但實際上我想跑，只是其中有個特定的字體在任何PC上（在這種情況下：阿爾及利亞），另一種，我下載並安裝（在這種情況下：斯派莎克）。雅我知道的一個事實，即標籤不使用，我只是想表明我的朋友，如果沒有使用CSS的同時，我們可以改變字體外觀/風格。那只是因爲我們還沒有開始學習CSS。 –

斯派莎克是在谷歌API的字體，因此你首先要鏈接https://fonts.googleapis.com/css?family=Spirax

<html> 
<head> 
<title>Google Fonts</title> 
<link href='https://fonts.googleapis.com/css?family=Spirax' rel='stylesheet'> 
</head> 
<body style= "font-family: 'Spirax';"> 
<h1>Spirax</h1> 
</body> 
</html>

來源

2017-07-14 13:59:06

爲什麼內置字體在HTML內工作，而外部字體不能？

回答

相關問題