I am trying to add a new font to my website. I have downloaded the webfont kit and uploaded to my server via filezilla. I added the webfont kit folder in the ndxzsite folder under public_html. Is this correct?
I then added the @fontface rule to my css sheet and saved it however when I look at my website the font has not changed.
Did I put the webkit in the wrong place? What am I doing wrong?
Most likely yes you're putting it in the wrong spot.
Make sure the url corresponds to the fonts directory.
Okay, so far the only way I have gotten it to work is by copying the link given to me by my ftp (filezilla) and pasting it in the @fontface src sections. However, when I do this to access my website you have to have the username and password to my ftp site which obviously is not what I want.
If the font is in a folder called "fonts" in my ndxzsite folder what is the correct url to correspond to the font in my directory?
This is what I have but it does not work.
@font-face {
font-family: 'code_lightregular';
src: url('tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243/code_light-webfont.eot');
src: url('tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243/code_light-webfont.eot') format('embedded-opentype'),
url('tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243code_light-webfont.woff') format('woff'),
url('tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243code_light-webfont.ttf') format('truetype'),
url('tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243code_light-webfont.svg#code_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
Your urls are not right - this won't work
tealthomsenphotography.com/public_html/ndxzsite/fonts/webfontkit-20131017-160243/…
where as this will:
tealthomsenphotography.com/ndxzsite/fonts/webfontkit-20131017-160243/…
The link you gave me does not work either. Could you please give me directions on how to write the correct url to link back to the font in my directory.
This thread has been closed, thank you.