【发布时间】：2018-09-14 06:58:06
【问题描述】：
我正在编写一个只有 html/css 的非常基本的网站。我下载了一些字体（每种字体只有 1 个文件 ttf/otf）。 在 localhost 中，（使用 Chrome）我写了所有内容，并且一切正常。 当我将它放在服务器上（在我的情况下为 altervista）时，它不适用于 altervista。仅适用于我使用的 2 种字体。 对于 css 文件，我有：
@font-face
{
font-family: PirateOne;
font-weight: bold;
src: url('fonts/PirataOne-Regular.ttf');
}
@font-face
{
font-family: SoTFont;
src: url('fonts/Windlass.ttf');
}
对于 2 种字体。 所以第一个适用于我分配它的所有地方，第二个不适用。所以我试图将元素与第二个元素关联，第一个元素，但它们仍然不起作用。我尝试使用 3others 字体（在本地工作）。
在 index.html 我有：
<BODY id="bodyindex">
<p class="title"> My Site </p>
.........
</body>
在css文件中：
p.title
{
font-size: 275%;
font-family: SotFont;
text-align: center;
color: lightblue;
margin: 20 0 0 0;
}
其他 2 p 也一样。
我与font-family: "SotFont"; 并列，与font-family: PirateOne;
或font-family: "PirateOne";
但是什么都没有...在本地所有这些测试都可以正常工作并且字体会加载，但是在altervista..nothing..它没有加载。我该如何解决？谢谢
ps。我阅读了一些关于谷歌的讨论，尤其是这里，但没有解决我的问题，还添加了format('truetype') or opentypè 还没有解决。
谢谢
编辑： Chrome 使用错误的字体使用名称保存了缓存。通过隐藏导航，我看到所有字体都正常工作
【问题讨论】：
-
你确定你已经把字体和索引文件都上传到你的服务器了吗？字体是否以引用 (
url()) 仍然正确映射的方式上传？您是否确认 F12 开发者工具中没有冲突/覆盖字体？ -
是的，我通过 FTP 将所有文件从我的文件夹上传到了 altervista 文件夹，名称、文件夹和位置都正确（所有字体都在 fonts 文件夹中，1 有效，其他无效）。是的，索引文件也位于正确的位置。我不知道如何从 F12 控制台查看冲突的字体。 @黑曜石时代
-
您好，您在 CSS 中使用了错误的字体名称，您定义了“SoTFont”，但您使用了“SotFont”。您使用小 t 而不是大写 T。您应该使用相同的字体名称。试试看。
-
@VvV 嗨！我试过了，但没有，它仍然使用标准字体。我有 4 段使用该字体，但没有一个有效
-
您是否使用 chrome 检查器检查过 P 标签？你能看到 P 标签上的字体名称吗？或者检查它是否被服务器上的另一种字体覆盖。