如何解决包括谷歌字体在内的问题



如果标题让问题听起来很复杂,那就太糟糕了,但我尝试使用的JavaScript代码通常很简单,我只是不知道自己在做什么。

具体来说,我遇到的问题是什么,我试图在网页中包含谷歌字体的尝试根本不起作用,按照我在网上看到的例子,它似乎写得很好,但无论如何,似乎有什么问题。

我尝试使用的字体是:https://fonts.google.com/specimen/Redressed#standard-样式

我试着写的代码是:<link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">

此外,我应该提到,我暂时只尝试更改一种文本类型的字体,特别是h1,以防更改任何内容。

如果有帮助的话,我也可以简单地共享文件,因为我主要关心的只是把事情整理好,希望能通过我的课程。最好是在理解我在做什么的同时,但无可否认,我忍不住觉得课程本身是一个更直接的问题。

希望我没有经验不是问题,谢谢你的帮助。

您的链接标记是正确的,应该会在网页中加载字体文件,但您需要额外的步骤,在CSS中,将其添加到body选择器或任何需要使用该字体的选择器上:

font-family: 'Redressed', cursive;

如果没有这一点,它将不会加载您的自定义字体。

PD:别担心缺乏经验,每个人都像一样开始

试试这个:

<style>
@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
</style>
font-family: 'Redressed', cursive;

最新更新