在HTML5中，设置网页字体类型是提升用户体验和设计风格的重要手段。通过合理地使用CSS样式，我们可以轻松地为网页添加个性化的字体。以下是一些常用的方法来设置字体类型，并附上相应的代码示例。

1. 使用font-family属性

font-family属性是最基本的设置字体类型的方式。它允许你指定一个或多个字体名称，浏览器将按照顺序尝试加载这些字体。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体设置示例</title>
<style>
  body {
    font-family: 'Arial', sans-serif; /* 默认字体为Arial，如果Arial不可用，则使用无衬线字体 */
  }
</style>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
</body>
</html>

2. 使用字体链接和@font-face

如果你想使用在线字体或者本地字体文件，可以使用@font-face规则。这允许你在网页中定义并使用自己的字体。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义字体示例</title>
<style>
  @font-face {
    font-family: 'MyCustomFont';
    src: url('fonts/MyCustomFont.woff2') format('woff2'),
         url('fonts/MyCustomFont.woff') format('woff');
  }
  body {
    font-family: 'MyCustomFont', sans-serif;
  }
</style>
</head>
<body>
  <h1>使用自定义字体</h1>
</body>
</html>

确保你有权使用你添加的字体，并且正确设置了字体的路径。

3. 字体样式和大小

除了字体名称，你还可以通过font-style和font-size属性来进一步定制字体。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体样式和大小示例</title>
<style>
  .custom-font {
    font-family: 'Times New Roman', serif;
    font-style: italic; /* 斜体 */
    font-size: 24px; /* 字体大小 */
  }
</style>
</head>
<body>
  <p class="custom-font">这是一段使用特定样式的文本。</p>
</body>
</html>

4. 字体加粗和行高

font-weight和line-height属性可以帮助你控制字体的粗细和行间距。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体粗细和行高示例</title>
<style>
  .bold-font {
    font-family: 'Verdana', sans-serif;
    font-weight: bold; /* 加粗 */
    line-height: 1.5; /* 行高 */
  }
</style>
</head>
<body>
  <p class="bold-font">这段文本是加粗的，并且有适当的行高。</p>
</body>
</html>

通过上述方法，你可以根据自己的需求为HTML5网页设置个性化的字体。记住，选择合适的字体对于提升网站的整体视觉效果至关重要。不断尝试和调整，直到找到最适合你网站风格的字体组合。