新到 HTML 和 CSS | 如何從我的筆記本電腦添加自定義字體？

Question

我是 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 的新手

Answer 1

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

來自MDN 文檔：

如果提供了 local() function，指定要在用戶計算機上查找的字體名稱，並且用戶代理找到匹配項，則使用該本地字體。