为什么我的文字中没有显示字体？

Question

我使用字体Arial Rounded MT Bold为我的H1标题通过CSS。我的计算机上安装了字体。但是，当我预览HTML文件时，它仍然无法显示。

HTML：

<h1>CSS-Tricks</h1>

CSS：

h1 {
color:#FFF;
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
font-size: 65px;
font-weight: 100;
line-height:25px;
padding:30px;
}

对不起基本问题，但我不熟悉HTML / CSS。

Answer 1

您可以将颜色设置为不同，因为默认情况下背景颜色为white，您可以使用不同的颜色

<强> HTML

<h1>CSS-Tricks</h1> 

<强> CSS

 h1 {
    color:red;
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
    font-size: 65px;
    font-weight: 100;
    line-height:25px;
    padding:30px;
    }

字体红色演示HERE

字体白色演示HERE

Answer 2

因为#FFF是白色，请尝试将颜色更改为其他颜色。