Where can i download custom fonts for Adobe and use it in CSS

Get Started
21

So the demo page worked?

Either show us a link, or describe what you are doing.

22

Yes the demo page worked, but when i try to apply it in my web page it doesn’t work. I haven’t uploaded my work in a hosting site. Here is the code i placed in my style.css. The font is placed in a “fonts” folder.

@font-face {
font-family: QuicksandLight;
src: url(fonts/‘Quicksand_Light.otf’);
}

23

I have finally solved my problem regarding the fonts. I just simply took the “style.css” in the css folder and placed in the root. Which is weird and i don’t know why it has to be liked that in order for the custom fonts to take effect. Would appreciate if some can explain it to me.

All along i thought it was some error in the styling. What a pain!

24

When you use this in your style sheet:

url(fonts/'Quicksand_Light.otf')

it is saying, find a folder inside this folder called /fonts/. If your /fonts/ folder is not in the folder where your CSS file is located, then of course the path won’t work. So what you needed to do was edit that file path.

Say you had the /CSS/ folder in the same folder as the /fonts/ folder. Then the path would be

url([COLOR="#FF0000"]../[/COLOR]fonts/'Quicksand_Light.otf')
25

I see i assumed that putting just url(‘font/Quicksand_Light.otf’) would locate the file. Didn’t know it has to be liked that in order for it to work