html - 当字体位于不同文件夹中时，将字体与 style.css 链接

所以我无法将我的字体（我更喜欢保存在一个单独的文件夹中，因为它来自互联网）与我的 css 内容。当我将它放在与我的 style.css 相同的文件夹中时，我能够成功链接字体。我想像这样将我的文件分开：

Project4Root
↳index.html
↳css(文件夹) -> style.css, ↳fonts(文件夹) ->TESLA.tff

或者

Project4Root
↳index.html
↳css（文件夹）->style.css
↳fonts（文件夹）->TESLA.tff

在 style.css 中，当我使用 @font-face 时，我将如何编写其中一个的 url？我不知道网址会如何。

@font-face { font-family: "Tesla"; src: url(WHAT DO I PUT HERE);}

我能想到的使用此字体的唯一其他方法是在字体文件夹中创建一个单独的 style.css，然后将其链接到 html。任何帮助，将不胜感激。如果这是一个愚蠢的问题，我深表歉意。

标签： htmlcss

@font-face {
    font-family: "Tesla"; src: url( '../fonts/TESLA.ttf' );
}

这../等于上一级，等于返回您的 GUI。我希望我能正确理解你的问题。