CSS URL（）;仅适用于本地文件

Question

当我尝试从服务器检索字体并使用它时，它不起作用（它找到文件但不使用它作为字体，如示例一所示）

当我在本地使用相同的文件时，它可以正常工作，如例2所示。

我正在尝试使用服务器上找到的字体。我怎么能这样做？

示例1（不起作用的代码）

    @font-face {
        font-family: Eurostile Extended;
        src: url("http://7poweruser.tk/Eurostile.ttf");
    }
    p{
    font-family: Eurostile Extended;
    }

<p>test</p>

示例2（可以工作但从本地文件夹中检索TTF文件的代码）：

<style>
@font-face {
    font-family: Eurostile Extended;
    src: url("Eurostile.ttf"); /* This file is stored locally in the same folder as this HTML file. To download the font, visit the page in example 1. */
}
p{
font-family: Eurostile Extended;
}
</style>
<p>
test</p>