时间戳

首页 > 解决方案 > Html/Css font-family 不显示某些元素的字体

html - Html/Css font-family 不显示某些元素的字体

问题描述

我正在编写一个只有 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";, withfont-family: PirateOne; 或font-family: "PirateOne";

但什么都没有......在本地所有这些测试都可以完美运行并且字体加载，但在altervista..nothing..它没有加载。我该如何解决？谢谢

附言。我在谷歌上阅读了一些讨论，特别是在这里，但没有解决我的问题，也format('truetype') or opentypè没有解决。

谢谢你

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

标签： htmlcssfonts

解决方案

声明和使用的字体名称不同。尝试对齐它们并清除缓存并重新加载浏览器。它应该适合你。

推荐阅读