如何为两种不同的字体添加两种不同的大小

@font-face {
  font-family: 'Font1';
  src: url('path/to/font1.woff2') format('woff2'),
       url('path/to/font1.woff') format('woff');
}

@font-face {
  font-family: 'Font2';
  src: url('path/to/font2.woff2') format('woff2'),
       url('path/to/font2.woff') format('woff');
}

.font1 {
  font-family: 'Font1', sans-serif;
  font-size: 16px;
}

.font2 {
  font-family: 'Font2', serif;
  font-size: 24px;
}

<p class="font1">这是使用字体1的文本。</p>
<p class="font2">这是使用字体2的文本。</p>