gpt4 book ai didi

html - 使用括号的 CSS 嵌入字体不会出现在网页上

转载 作者:太空宇宙 更新时间:2023-11-04 11:33:12 26 4
gpt4 key购买 nike

我是 Web 开发的新手,如果这是一个愚蠢的错误,我深表歉意,但我似乎无法让嵌入到我的 CSS 样式表中的字体 Fonarto 出现在我的网页上。我正在使用 Brackets 创建网站,通过实时预览主动查看它,所以我想知道这是否在创建此问题中起作用。鉴于我没有使用 CSS 的经验,我使用 fontsquirrel.com 自动生成代码,使用 @font-face 来添加我的字体。这是它生成的内容,经过一些调整(字体存储在 resources/fonts/fonarto/regular 中)

@font-face {
font-family: 'fonarto_regular';
src: url('resources/fonts/fonarto/regular/fonarto-webfont.eot');
src: url('resources/fonts/fonarto/regular/fonarto-webfont.eot?#iefix') format('embedded-opentype'),
url('resources/fonts/fonarto/regular/fonarto-webfont.woff2') format('woff2'),
url('resources/fonts/fonarto/regular/fonarto-webfont.woff') format('woff'),
url('resources/fonts/fonarto/regular/fonarto-webfont.ttf') format('truetype'),
url('resources/fonts/fonarto/regular/fonarto-webfont.svg#fonartoregular') format('svg');
font-weight: normal;
font-style: normal;
}

为了将样式添加到主体,我正在做预期的事情,尽管我没有提供任何后备方案(我应该这样做,如果是的话,怎么做?)。

body {
font-family: 'fonarto_regular';
}

我的索引页面的代码如下:

<!DOCTYPE html>
<html>
<style rel="stylesheet" type="text/css" href="stylesheet.css"></style>
<script>
</script>
<head>
</head>
<body>
<div id='index-head'>
<h1>Site Name Here</h1>
</div>
</body>
</html>

到目前为止就是这样。尽管,正如我提到的,我没有添加任何回退或做任何复杂的事情,标题文本 Site Name Here 在实时预览中以衬线 Times New Roman 显示。

我做错了什么?

请注意,我已经查看了 Stack Overflow 上的 all of these 帖子,但没有任何帮助; w3schools 也没有。另请记住,实时预览会运行一个 Chrome 实例。

最佳答案

您可以检查一些事项。首先,查看检查器并查看是否正确链接到字体。

您还应该以这种方式链接到 css 文件:

<link rel="stylesheet" href="stylesheet.css">

您还链接到了 head 标签之外的文件。

<html>
<head>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
</body>
</html>

关于html - 使用括号的 CSS 嵌入字体不会出现在网页上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31913613/

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