【发布时间】:2021-09-08 15:21:36
【问题描述】:
这里是初级开发者!我想为我的网站使用 Sansation 字体。我在我的电脑上下载并安装了字体。但是我找不到任何关于如何在 HTML/CSS 中使用这种字体来将其应用到我的网站的方法。
【问题讨论】:
-
上传它,然后使用@font-face。
这里是初级开发者!我想为我的网站使用 Sansation 字体。我在我的电脑上下载并安装了字体。但是我找不到任何关于如何在 HTML/CSS 中使用这种字体来将其应用到我的网站的方法。
【问题讨论】:
我更喜欢将自定义字体应用到我的网站的方式是将其与 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/
【讨论】: