【问题标题】:How can I use a downloaded font in HTMLl/CSS?如何在 HTML/CSS 中使用下载的字体?
【发布时间】:2021-09-08 15:21:36
【问题描述】:

这里是初级开发者!我想为我的网站使用 Sansation 字体。我在我的电脑上下载并安装了字体。但是我找不到任何关于如何在 HTML/CSS 中使用这种字体来将其应用到我的网站的方法。

【问题讨论】:

  • 上传它,然后使用@font-face。

标签: html css fonts


【解决方案1】:

轻松使用字体

我更喜欢将自定义字体应用到我的网站的方式是将其与 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/

【讨论】:

    猜你喜欢
    • 2018-04-27
    • 2014-04-14
    • 1970-01-01
    • 2022-01-21
    • 1970-01-01
    • 2017-12-15
    • 1970-01-01
    • 1970-01-01
    • 2022-01-03
    相关资源
    最近更新 更多