wordpress新主题自定义otf字体

我正在尝试将” Aribau Grotesk”字体添加到新主题中, 我有一个包含.otf文件的文件夹, 尝试从style.css中包含它们, 但似乎无法正常工作, 任何建议将不胜感激。

@font-face {
    font-family: 'Aribau Grotesk';
    src: url(/fonts/Aribau_Grotesk/Aribau Grotesk.otf);  
}

body{
    font-family: 'Aribau Grotesk';
    font-weight: normal;
}

#1

使用此网站https://transfonter.org/它使用CSS包括为你创建webfonts