新手!我想用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/