CSS3中的字體表面

-1

我決定更改我的頁面的字體，並從互聯網下載另一個。我試過這種方式，但它不起作用。文件「font.ttf」與html文件位於同一文件夾中。CSS3中的字體表面

@font-face { 
     font-family: Test; 
     src: url(font.ttf); 
} 

header { 
     font-family: Test; 
     width: 100%; 
     margin: auto; 
     height: 48px; 
     background-color: white; 
}

來源

2015-10-04 dvdty

在webdeveloper工具中查看您的控制檯或網絡選項卡。字體是否成功加載？ – KittMedia

確保路徑正確。 @ font-face { font-family：Test; src：url（../ font.ttf）; } – CodeRomeos

如果你下載的字體已被保存在你的系統上的主要字體文件夾，那麼你應該只是用同樣的方式，你會使用其他字體。

E.g.

font-family='New Font';

不應該有區別:)

目錄到字體文件夾; 控制面板>外觀和個性化>字體>添加字體

來源

2015-10-04 12:49:58 methhead

要添加字體到您的網站，您將需要比font.ttf文件更多。此外，從一開始就儘可能地組織起來，不要把所有東西都轉儲到一個層次上。後來，當添加更多的東西時，你可能會陷入一片混亂，隨着事情變得更加複雜，它會變得更加混亂。整齊地整理成文件夾。

1-您將需要webfont擴展。意思是，使用在線生成器通過提交.ttf文件生成Web字體（確保遵循許可證限制）。這些擴展在不同的瀏覽器上工作。

2-您需要爲網頁字體創建.CSS文件。這裏是一個例子的鏈接： [鏈接] How to embed fonts in CSS?

3-你需要按照確切的路徑如何到達你的字體。

4-打開.ttf文件時，請注意字體拼寫。（這部分可能會很棘手）

5-您還需要一個.htaccess文件，它有助於將您的網頁字體鏈接到您的網站。您可能會在本地設備瀏覽器上看到您需要的字體，但可能無法在未安裝該字體的其他設備上使用。

來源

2015-10-04 14:06:50

CSS3中的字體表面

回答

相關問題