Why is the font not showing in my text?

Question

I have used the font Arial Rounded MT Bold for my H1 heading through CSS. I have the font installed on my computer. But it still won't show when I preview the HTML file.

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;
}

Sorry for basic question but I am new to HTML/CSS.

You could take a look there : http://stackoverflow.com/questions/107936/how-to-add-some-non-standard-font-to-a-website — JazZ, Aug 27 '16 at 08:30

score 3 · Answer 1 · answered Aug 27 '16 at 08:31

You can put color is different because by default background color is white and you can put different color

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;
    }

Font Red Color Demo HERE

Font White Color Demo HERE

score 0 · Answer 2 · answered Aug 27 '16 at 08:39

0

Because #FFF is white color, try changing the color into other.

answered Aug 27 '16 at 08:39

Ranjana Ghimire

1,785
1
12
20

Why is the font not showing in my text?

2 Answers2