如何解决我的问题,包括 google 字体?
How do I fix my issue including google fonts?
如果标题让问题听起来很复杂,我很抱歉,但我尝试使用的 JavaScript 代码通常很简单,我只是不知道我在做什么。
为了说明我遇到的问题是什么,我尝试将 google 字体包含到网页中的尝试只是行不通,按照我在网上看到的示例似乎是写得很好,但无论如何似乎有些地方是错误的。
我尝试使用的字体是:https://fonts.google.com/specimen/Redressed#standard-styles
我尝试编写的包含它的代码是:<link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
此外,我应该提到,我暂时只尝试更改一种文本类型的字体,特别是 h1
,以防发生任何更改。
如果有帮助的话,我也可以简单地共享文件,因为我主要关心的只是解决问题并希望通过我的 class。最好在理解我在做什么的同时,但不可否认,我不禁觉得 class 本身是一个更紧迫的问题。
希望我的经验不足不是问题,感谢您的帮助。
试试这个:
<style>
@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
</style>
font-family: 'Redressed', cursive;
您的 link 标签是正确的,应该会在您的网页中加载 font-file,但是您需要一个额外的步骤,在您的 CSS 中将其添加到您的 body
选择器或任何需要使用该字体的选择器:
font-family: 'Redressed', cursive;
没有这个,它不会加载您的自定义字体。
PD:不用担心没有经验,大家都是这样开始的
如果标题让问题听起来很复杂,我很抱歉,但我尝试使用的 JavaScript 代码通常很简单,我只是不知道我在做什么。
为了说明我遇到的问题是什么,我尝试将 google 字体包含到网页中的尝试只是行不通,按照我在网上看到的示例似乎是写得很好,但无论如何似乎有些地方是错误的。
我尝试使用的字体是:https://fonts.google.com/specimen/Redressed#standard-styles
我尝试编写的包含它的代码是:<link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
此外,我应该提到,我暂时只尝试更改一种文本类型的字体,特别是 h1
,以防发生任何更改。
如果有帮助的话,我也可以简单地共享文件,因为我主要关心的只是解决问题并希望通过我的 class。最好在理解我在做什么的同时,但不可否认,我不禁觉得 class 本身是一个更紧迫的问题。
希望我的经验不足不是问题,感谢您的帮助。
试试这个:
<style>
@import url('https://fonts.googleapis.com/css2?family=Redressed&display=swap');
</style>
font-family: 'Redressed', cursive;
您的 link 标签是正确的,应该会在您的网页中加载 font-file,但是您需要一个额外的步骤,在您的 CSS 中将其添加到您的 body
选择器或任何需要使用该字体的选择器:
font-family: 'Redressed', cursive;
没有这个,它不会加载您的自定义字体。
PD:不用担心没有经验,大家都是这样开始的