Question

我是HTML5编码新手，我希望创建一个非常基本的网站。我一直在互联网上搜索几个小时，想知道我如何通过字体文件（.tff）在网页上使用自定义字体，而且我找不到可靠的答案。我可以得出的结论是，我需要一个类型的style.css文件，其中包含我想要使用的字体信息。虽然我仍然无法弄清楚如何在我的网页上显示字体，但我真的不知道如何在网页上使用2种不同的自定义字体。在我可以在互联网上找到的所有模糊答案中，他们只告诉我如何使用单一字体作为网页，但是我想为不同的段落使用2种不同的字体等。我仍然无法弄清楚如何这样做，我能找到的教我如何以CSS格式这样做，虽然我使用的是HTML格式（特别是5）。我想帮助我如何在网页中使用2个自定义字体用于不同的段落，以及当我在浏览器上打开.html文件时如何显示这些字体。我很感激你的帮助。

Answer 1

您需要首先在网站上托管字体（将TTF文件放在HTML文件旁边的文件夹中），然后使用CSS将其应用于元素（例如：您的段落，标题等）。使用此方法，您可以使用两种，三种或多种不同的字体。 W3Schools有时真的很有帮助，而且这是一个很有用的场合。我稍后可以详细说明。

Answer 2

我相信你想要的只是在你的网页上应用不同的字体样式。首先，在项目中托管您的字体，并使用CSS类将字体系列更改为您喜欢的网页的任何部分。

<div style:'font-family: fantasy'>This is font style 1</div> 
<div style:'font-family: cursive'>This is font style 2</div>

Answer 3

你必须使用CSS来做到这一点。 CSS可以嵌入您的标签

下的html中

<html>
  <head>
   <style>
      @font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
      @font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}
      @font-face { font-family: Delicious2; src: url('Delicious2-Roman.otf'); } 
      @font-face { font-family: Delicious2; font-weight: bold; src: url('Delicious-Bold.otf');}
   </style>
   </head>

然后你可以在你的html中引用这些字体

<font face="Delicious">This is some text!</font>

查看这两篇帖子了解更多详情

How do I install a custom font on an HTML site

https://www.w3schools.com/tags/att_font_face.asp

（HTML）如何在页面中使用2种自定义字体？

3 个答案: