Question

我正在写一个只有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中什么也没有加载。我该如何解决？谢谢

ps。我在google上阅读了一些讨论，尤其是在这里，但没有任何解决方案，我的问题也解决了，format('truetype') or opentypè还没有解决。

谢谢

编辑： Chrome使用字体用法的错误名称保存了缓存。通过隐藏导航，我发现所有字体都能正常工作

HTML / CSS CSS字体系列不显示某些元素的字体

0 个答案: