按照字体名称调用字体让浏览器显示你希望的字体

为了让浏览器展示特定的字体，我们可以使用CSS的@font-face规则来调用自定义字体。在使用@font-face规则之前，我们需要先获取自定义字体文件。

获取自定义字体文件有两种方式。一种是直接从字体官网下载字体文件，另一种是使用字体转换工具（如Font Squirrel、Transfonter等）将已存在的字体文件转换为网页可以使用的格式（如WOFF、TTF、SVG、EOT等）。

获取字体文件后，我们可以按照以下步骤来调用字体：

1. 在CSS样式表中使用@font-face声明字体

我们可以使用如下代码声明字体：

@font-face {
  font-family: 'myFont';
  src: url('myFont.woff2') format('woff2'),
       url('myFont.woff') format('woff');
}

其中，font-family为自定义字体命名，src属性指向字体文件。

1. 在相应的CSS样式中使用font-family

使用font-family指定要替换的字体，在与@font-face声明不同的CSS样式中，添加如下代码：

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

在上面的代码中，'myFont'指向名为myFont的自定义字体；如果该字体不可用，则会替换成后备字体Arial或sans-serif。

下面是一个完整的示例，该示例将自定义字体应用于标题：

@font-face {
  font-family: 'myFont';
  src: url('myFont.woff2') format('woff2'),
       url('myFont.woff') format('woff');
}

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

我们也可以在多个CSS样式中使用font-family，以展示不同区块不同的字体。例如，我们可以使用不同的字体为正文和标题区块设置不同的字体：

@font-face {
  font-family: 'myFont';
  src: url('myFont.woff2') format('woff2'),
       url('myFont.woff') format('woff');
}

h1, h2, h3 {
  font-family: 'myFont', Arial, sans-serif;
}

body {
  font-family: 'Open Sans', Arial, sans-serif;
}

在上述示例中，h1, h2, h3 标签使用自定义字体 myFont，而 body 元素使用备用字体 'Open Sans', Arial, sans-serif。