在网页上呈现不同的字体样式和字重，可以使用CSS来实现。以下是一些常见的方法：

1. 使用@font-face引入自定义字体：

@font-face {
  font-family: 'MyCustomFont';
  src: url('path/to/font.ttf');
}

然后，你可以通过设置font-family属性来使用这个自定义字体。

2. 使用Web安全字体：

body {
  font-family: Arial, Helvetica, sans-serif;
}

在上面的示例中，如果用户的计算机上没有Arial字体，浏览器将尝试使用Helvetica字体，如果还找不到，则使用sans-serif字体。

3. 使用Google字体：

然后，你可以通过设置font-family属性来使用Google字体。

4. 指定字体样式和字重：

p {
  font-family: Arial, sans-serif;
  font-style: italic;
  font-weight: bold;
}

在上面的示例中，段落文本将使用Arial字体、斜体和粗体。

5. 使用字体图标库：

然后，你可以使用类名来添加字体图标：

上面的示例将显示一个心形图标。

这些只是一些常见的方法，你可以根据具体需求选择适合的方法来呈现不同的字体样式和字重。