Font imports not work | Scrimba | Page 1

grim pendant May 11, 2024, 3:11 PM

#

I tried to import the font I downloaded manually to my css but it's not showing on my browser when I view it. I don't know what am doing wrong can someone help?

Below is my code

**@font-face {
src: url("Ansia.ttf");
font-family: Ansia;
}

h1 {
font-family: Ansia;
}
**

spice python May 11, 2024, 3:14 PM

#

maybe put the font-family in quotes:

font-family: "Ansia";

#

If that's not it try the network tab of your dev tools to see if you're getting an error when attempting to download the .ttf file.

grim pendant May 11, 2024, 3:17 PM

#

Alright. I'll try it now

#

I've added the font-family in quote but it's not working

spice python May 11, 2024, 3:31 PM

#

and the network tab?

grim pendant May 11, 2024, 3:32 PM

#

how do I find it?

spice python May 11, 2024, 3:32 PM

#

do you know how to open dev tools?

grim pendant May 11, 2024, 3:33 PM

#

yeah

spice python May 11, 2024, 3:33 PM

#

k, then go to the "Network" tab

grim pendant May 11, 2024, 3:33 PM

#

spice python May 11, 2024, 3:34 PM

#

ok, reload your page and you'll see a listing of everything the page tries to download including your font file...

grim pendant May 11, 2024, 3:34 PM

#

ok

spice python May 11, 2024, 3:34 PM

#

if you see a 404 or some other error in the satus column you have a problem...

grim pendant May 11, 2024, 3:35 PM

#

spice python May 11, 2024, 3:35 PM

#

don't record... just reload your page

grim pendant May 11, 2024, 3:35 PM

#

this is what I see

#

I reloaded and this is what is showing

spice python May 11, 2024, 3:36 PM

#

ok, I don't see the ttf try scrolling up in the list

grim pendant May 11, 2024, 3:37 PM

#

What do I do now?

spice python May 11, 2024, 3:37 PM

#

can you show a screen shot of where the ttf file is listed?

grim pendant May 11, 2024, 3:37 PM

#

Can you try use same code on your to know if it works?

#

Alright

spice python May 11, 2024, 3:38 PM

#

I don't have your font so...

grim pendant May 11, 2024, 3:38 PM

#

#

spice python May 11, 2024, 3:40 PM

#

you misunderstand, I need to see the entry in your network tab where it's trying to download the ansia.ttf file... the scrrenshot you sent has it scrolled off the top of the screen...

grim pendant May 11, 2024, 3:40 PM

#

Ok..let me get it

#

#

The font is not showing

spice python May 11, 2024, 3:42 PM

#

Right ok so that's a problem... let's dig a little deeper

grim pendant May 11, 2024, 3:42 PM

#

ok

spice python May 11, 2024, 3:43 PM

#

Are you sure you're referencing your css in your html?

#

it's not downloading your .css either...

grim pendant May 11, 2024, 3:43 PM

#

I think that could be the issue. It's not there😢

spice python May 11, 2024, 3:44 PM

#

it's not in your html?

#

if not then that's the problem...

grim pendant May 11, 2024, 3:45 PM

#

Yeah. I forgot to add it.

#

Sorry for the stress

#

It's working now

#

Thank you for your assistance I really appreciate

#Font imports not work