如何在 HTMLl/CSS 中使用下载的字体？
How can I use a downloaded font in HTMLl/CSS?
这里是开发新手！我想为我的网站使用 Sansation 字体。我在我的电脑上下载并安装了字体。但是我找不到任何有关在 HTML/CSS 中使用此字体将其应用到我的网站的方法。
轻松使用字体
我更喜欢将自定义字体应用到我的网站的方式是 link 它带有 html link 标签或 css @import规则，因为这只是使用自定义字体的最简单方法之一。
这里有一个 html link 标签的例子，它应该放在你的 html <head> 标签里面。
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap" rel="stylesheet">
如果您更喜欢在 CSS 文件中执行此操作，您可以使用 @import 规则。
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap');
最后您需要使用此 css 规则来指定您要使用的字体系列。
font-family: 'Roboto', sans-serif;
我在这个答案中给你的例子是来自 GoogleFonts 网站的字体。它是最好的自定义字体网站之一。
https://fonts.google.com/
这里是开发新手！我想为我的网站使用 Sansation 字体。我在我的电脑上下载并安装了字体。但是我找不到任何有关在 HTML/CSS 中使用此字体将其应用到我的网站的方法。
轻松使用字体
我更喜欢将自定义字体应用到我的网站的方式是 link 它带有 html link 标签或 css @import规则，因为这只是使用自定义字体的最简单方法之一。
这里有一个 html link 标签的例子，它应该放在你的 html <head> 标签里面。
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap" rel="stylesheet">
如果您更喜欢在 CSS 文件中执行此操作，您可以使用 @import 规则。
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap');
最后您需要使用此 css 规则来指定您要使用的字体系列。
font-family: 'Roboto', sans-serif;
我在这个答案中给你的例子是来自 GoogleFonts 网站的字体。它是最好的自定义字体网站之一。 https://fonts.google.com/