如何在html /CSS中使用下载的字体?



新手!我想用sans字体为我的网站。我在我的电脑上下载并安装了字体。但是我找不到任何关于如何在HTML/CSS中使用这种字体来应用到我的网站的方法。

轻松使用字体

我喜欢应用自定义字体到我的网站的方式是链接它与htmllink标签或css@import规则,因为这是使用自定义字体的最简单的方法之一。

下面是一个htmllink标签的例子,它应该放在你的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/

最新更新