如何让我的字体显示在我的网站上？

Question

所以我真的是编程新手，这个网站的东西让我头疼，但我不明白为什么我的文本没有以自定义字体显示。它显示白色斜体文本，但我无法使用该字体。感谢您的帮助！

<html>
    <head>
        <title>Webpage</title>
        <style>
            @font-face
            {
                font-family: 'my font';
                src: url(C:\Users\theuser\Font\My Custom Font.woff2) format('woff2'),
                url(C:\Users\theuser\Font\My Custom Font.ttf) format('truetype'),
            }
            h2
            {
                font-family: 'my font';
                color: white;
                font-style: italic;
            }
        </style>
        <h2>Header text</h2>
    </head>
    <body>
        <p style="color:white;">Font testing</p>
        <body bgcolor="#000000">
    </body>
</html>```

Answer 1

你走对了，但你不能直接从你的本地机器副本导入字体我的自定义字体从你保存它的地方并在你的项目目录中创建一个文件夹命名它字体，然后将我的自定义字体放在项目的根目录下

例如：

myProject
| - js
| - img
| - Fonts <-- here
| - index.html

然后在您的 index.html 中，您可以将它们作为

导入到您的项目中

@font-face {
  font-family: 'MyWebFont';
  src:  url('./Fonts/My Custom Font.woff2') format('woff2'),
        url('./Fonts/My Custom Font.woff') format('woff');
}

如何让我的字体显示在我的网站上？

How do I get my font to show up on my WebSite?

html

css

fonts