如何使用 *.ttf 文件的不同字体大小？

Question

我下载了不同的 *.ttf 字体文件。 在这些文件中有很多可用的尺寸。

但是，我在 css 文件的 @font-face 声明中没有看到 font-size 属性。

有样式（正常、斜体...等）、粗细（例如粗体），但没有任何属性可以实现以使用文件中的不同大小。

@font-face {
  font-family: 'dragon';
  font-style: normal;
  font-weight: normal; 
  src: local('Dragon'), url('./fonts/dragon.ttf') format('truetype');
}

感谢您的帮助。

Answer 1

Truetype 字体可能包含不同样式和粗细的字形（因此您可以指定文件包含的内容）但它们 scale 因此指定什么大小没有意义文件包含的字体：包含所有字体。

size-adjust property 允许您对缩放应用乘数，以便不同的字体可以更好地协同工作。