gpt4 book ai didi

html - CSS @font-face 不工作,显示默认字体

转载 作者:行者123 更新时间:2023-11-28 03:46:27 26 4
gpt4 key购买 nike

我想在我的网页上使用自定义字体,但它不起作用。知道为什么吗?

@font-face {
font-family: 'raleway';
src: url("Raleway-Regular.tff") format("truetype");
}

.logoarea {
float: left;
}

.logo {
width: 120px;
height: 74px;
}
.topnavbar {
font-family: 'raleway';
}

那是我的CSS代码。我已经检查过以确保文件的拼写正确。 css 和我的字体在同一目录中。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<!-- TEMP - AUTO REFRESH -->
<meta http-equiv="refresh" content="2" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<title>OJMari</title>
</head>
<body>
<div class="logoarea">
<img src="images/logo.png" alt="OJMari Logo" class="logo" />
</div>
<div class="topnavbar">
test
</div>
</body>
</html>

那是我的 html 代码。我看不出有什么问题。

我已经验证了这两个,所以有人知道为什么会这样吗?对于那些好奇的人,这就是我在 Google Chrome 59 上的 html 输出的样子。 HTML Output

最佳答案

字体类型似乎格式不正确。请将字体扩展名更改为.ttf

@font-face {
font-family: 'raleway';
src: url("Raleway-Regular.ttf") format("truetype");
}

关于html - CSS @font-face 不工作,显示默认字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43948708/

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