CSS3中的字体

Question

我决定改变我的网页字体，另一个是从网上下载的。我试过这种方式，但它没有用。文件＆＃34; font.ttf＆＃34;与html文件位于同一文件夹中。

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

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

Answer 1

如果您下载的字体已保存在系统的主字体文件夹中，那么您应该像使用任何其他字体一样使用它。

E.g。

font-family='New Font'; 

应该没有区别:)

目录到fonts文件夹; 控制面板＆gt;外观和个性化＆gt;字体＆gt;添加字体

Answer 2

要向您的网站添加字体，您需要的不仅仅是font.ttf文件。此外，从一开始就要尽可能有条理，不要把所有东西都放到一个级别。之后，当添加更多内容时，您可能会陷入混乱，随着事情变得更加复杂，它会变得更加混乱。整齐地组织到文件夹中。

1-您将需要webfont扩展。这意味着，使用在线生成器通过提交.ttf文件来生成webfonts（确保您遵循许可证限制）。这些扩展适用于不同的浏览器。

2-您需要为webfonts创建.CSS文件。这是一个示例的链接： [link] How to embed fonts in CSS?

3-您需要按照字体的确切路径进行操作。

4-打开.ttf文件时，请注意字体拼写。 （这部分可能很棘手）

5-您还需要一个.htaccess文件，该文件有助于将您的网络字体链接到您的网站。您可能会在本地设备浏览器上看到所需的字体，但它可能无法在未安装该字体的其他设备上运行。