下面是“网页使用Google Font API（字体）的方法”的完整攻略。

网页使用Google Font API（字体）的方法

简介

Google Font API 是谷歌提供的免费字体库，它可以让网站在不需要用户安装字体文件的情况下，使用各种风格和字重的自定义字体。

步骤

1. 在网页代码中添加引用

在你的网页代码中添加如下代码，调用Google Font API:

<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>

其中，https://fonts.googleapis.com/css?family=Roboto是Google Font API的链接，你可以根据需要替换其中的Roboto为其它字体的名称。

2. 修改样式

在网页中，你需要修改样式来应用所选字体。例如，要将标题改为 Roboto 字体，可以在CSS中添加以下代码：

h1 {
  font-family: 'Roboto', sans-serif;
}

这会将网页的所有一级标题都设置为 Roboto 字体。

示例

示例一

以下是一个使用 Google Font API 的完整示例：

<!DOCTYPE html>
<html>
    <head>
        <title>使用Google Font API（字体）的示例</title>
        <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
        <style>
            h1 {
                font-family: 'Roboto', sans-serif;
            }
            p {
                font-family: 'Roboto', sans-serif;
                font-size: 16px;
            }
        </style>
    </head>
    <body>
        <h1>使用Google Font API（字体）的示例</h1>
        <p>这是一个使用 Google Font API 的示例。</p>
    </body>
</html>

在这个示例中，我们在<head>中添加了 Google Font API 的引用，并在 CSS 中设置了标题和段落的字体族以及字号。

示例二

下面是另外一个使用 Google Font API 的示例：

<!DOCTYPE html>
<html>
    <head>
        <title>使用Google Font API（字体）的示例</title>
        <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet'>
        <style>
            h1 {
                font-family: 'Lato', sans-serif;
                font-weight: 400;
                font-size: 32px;
            }
            p {
                font-family: 'Lato', sans-serif;
                font-weight: 700;
                font-size: 16px;
            }
        </style>
    </head>
    <body>
        <h1>使用Google Font API（字体）的示例</h1>
        <p>这是一个使用 Google Font API 的示例。</p>
    </body>
</html>

在这个示例中，我们使用了 Lato 字体，并为标题和段落各设置了不同的字重和字号。