时间戳

首页 > 解决方案 > HTML 和 CSS 新手 | 如何从我的笔记本电脑添加自定义字体？

html - HTML 和 CSS 新手 | 如何从我的笔记本电脑添加自定义字体？

问题描述

我是 CSS 新手，我不确定如何添加自定义字体。我试过在 Stackflow 上到处搜索，但找不到答案。

@font-face{
    font-family: "Athelas";
    src: url('Athelas.ttf') format("truetype");
    font-style: normal;
    font-weight: normal;
}

body{
    background: rgb(2,0,36);
    background: linear-gradient(137deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    background-attachment: fixed;
}

.center{
    text-align: center;
    font-size: 90px;
    font-family: "Athelas";
}

注意：我习惯于通过 Roblox 在 LUA 中进行开发，而且我是 Stackflow 的新手

标签： htmlcss

解决方案

您可以将 src 指定为本地，例如： src : local("Ubuntu Light")

来自MDN 文档：

如果提供了 local() 函数，指定要在用户计算机上查找的字体名称，并且用户代理找到匹配项，则使用该本地字体。

推荐阅读