html font-family 数字与特殊字符同行不同大的字体

可以使用CSS中的font-variant属性来实现数字与特殊字符同行不同大的字体。具体实现方法如下：

1. 设置字体样式，包括字体大小、字体类型、字体粗细等属性。

2. 使用font-variant属性设置数字和特殊字符的大小和位置。常见的取值包括：

- normal：默认值，数字和特殊字符与字母大小相同，位于基线上方。
- small-caps：数字和特殊字符比字母小，但大小不同，位于基线上方。
- oldstyle-nums：数字采用老式风格，高低不齐，位于基线上方。
- lining-nums：数字采用等高风格，与字母大小相同，位于基线上方。
- tabular-nums：数字等宽，与字母大小相同，位于基线上方。

下面是一个示例代码：

<style>
  p {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps lining-nums;
  }
</style>

<p>1234-5678-9012</p>

在这个示例中，字体样式设置为Arial，字体大小为16px，字体粗细为粗体。font-variant属性设置为small-caps和lining-nums，表示数字和特殊字符比字母小，但大小不同，数字采用等高风格，与字母大小相同。

效果如下：


可以看到，数字和特殊字符比字母小，但大小不同，数字采用等高风格，与字母大小相同，位于基线上方。这样就实现了数字与特殊字符同行不同大的字体效果。