gpt4 book ai didi

html - @font-face 在我的 css 文件中不起作用

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

嗯,...搞不懂这个。我的自定义字体在 css 文件中不起作用。出于某种原因,css 文件接受自定义字体,前提是它们位于系统字体文件夹中。但是,我希望它们位于元素的“字体”文件夹中。

元素:

|-theProjectFolder
|-css
|-style.css
|-fonts
|-expansiva-bold.otf
|-views
|-index.hbs

索引.hbs:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My Site</title>
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
.........
</body>
</html>

样式.css:

/* Custom Fonts */
@font-face {
font-family: expansiva;
src: url("../fonts/expansiva-bold.otf"); }
/****************/

.line1 {
color: black;
text-align: center;
margin-top: 150px;
font-family: expansiva, Arial, sans-serif;
font-size: 56px;
}

因此,通过此设置,我得到的只是“Arial”字体——没有“expansiva”。我环顾四周,发现提到将字体转换为“网络”字体?但是,当我这样做时,也没有任何变化。

最佳答案

自定义字体的字体名称应该用引号引起来,试试:
字体系列:'expansiva';

如果它只在您给它一个本地路径时加载,那么它在您的服务器上不正确或者您的 url 不正确(虽然您的看起来不错)。

关于html - @font-face 在我的 css 文件中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48695756/

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