css - 在tailwind css中相同fontFamily但样式不同的自定义字体

Question

我想使用不同风格的 Poppins，如 Thin100、medium500 ......但我无法在文档的任何地方找到它来执行此操作。

 fontFamily:{
               'poppins' :'Poppins','sans-serif'
            }
this is the import stm- 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500&display=swap');

我曾经这样使用过，但我认为它适用于 medium500 风格。我不明白如何选择默认样式以及如何区分这些样式？

有没有类似的东西：

fontFamily:{
    poppins-100:....
    poppins-500:....
          }

就像我们如何定义自定义颜色一样。

对于下面提供的评论：

HTML 文件

CSS 文件