gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:57:42 27 4
gpt4 key购买 nike

我正在编写一个只有 html/css 的非常基本的网站。我下载了一些字体(每种字体只有 1 个文件 ttf/otf)。在本地主机中,(使用 Chrome)我编写了所有内容,并且一切正常。当我把它放在服务器上时(在我的例子中是 altervista),它对 altervista 不起作用。仅适用于我使用的 2 种字体中的 1 种。对于 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;
}

其他2p也一样。我与 font-family: "SotFont"; 并列,与 font-family: PirateOne;font-family: "PirateOne";

但是什么都没有...在本地所有这些测试都完美运行并且字体加载,但在 altervista 中......什么都没有......它没有加载。我该如何解决?谢谢

附言。我在谷歌上阅读了一些讨论,特别是在这里,但没有解决我的问题,添加 format('truetype') 或 opentype 也没有解决。

谢谢

编辑:Chrome 使用错误的字体使用名称保存了缓存。使用隐藏导航,我看到所有字体都可以正常工作

最佳答案

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

关于Html/Css font-family 不显示某些元素的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52322324/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com