嘿，我最近开始从事一些 CSS 项目，我想知道为什么我的字体导入不起作用，以下代码是我为字体编写的代码，没有任何内容作为字体更改返回。
@font-face { 字体家族：游戏字体； src:url(raw.githubusercontent.com/DaddyVryl/kalam/main/kalam-v11-latin-700.woff2); }
【问题讨论】：
如果您需要导入一些字体，最好使用 HTML 并在您的标题中包含这些行：
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap" rel="stylesheet">
然后在 CSS 中使用它：
font-family: 'Kalam', cursive;
或者你可以直接导入到你的 CSS 中：
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
如果你在你的电脑上下载了字体，那么这应该可以工作：
@font-face{font-family: fontName; src: url('../fontURL');}
将“fontNAme”更改为您的字体名称，将“fontURL”更改为您拥有该字体的网址
我建议您始终使用来自网络的字体（例如 Google 字体）并从 HTML 中导入这些“良好做法”。
【讨论】：