path to fontkit custom fonts?

knoxbronson / 2012-09-01 01:54:44   

I got a fontkit from fontsquirrel & copied the css into the styles.css & made the url 'fonts/Titillium ..." I also tried '../fonts/Titillium ..."

I put the fonts folder into the main directory, the site directory, the studio directory.

Nothing is working. I went through the tutorial at webpublishing2.wordpress.com/week-five-2/fontface-with-indexhibit/ but the part about adjusting the path is quite vague. Maybe I'm an idiot.

the site is annieznalbandian.com/ - just beginning, obviously, thought I was starting with something easy!

here is the css from the stylesheet:

@font-face {
font-family: 'TitilliumText22LRegular';
src: url('fonts/TitilliumText22L003-webfont.eot');
src: url('fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/TitilliumText22L003-webfont.woff') format('woff'),
url('fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
url('fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText22LBold';
src: url('fonts/TitilliumText22L005-webfont.eot');
src: url('fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/TitilliumText22L005-webfont.woff') format('woff'),
url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
url('fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
font-weight: normal;
font-style: normal;

knoxbronson / 2012-09-01 01:56:07   

So my question, since I see I did not express it explicitly is: where should I put the folder of fonts and what should the path in the css be? thank you!

swmayow / 2012-09-01 04:24:04   

Hi, if you've downloaded the fontkit all you have to do is unzip those files to somewhere on your computer and use your FTP application to transfer those files into the css folder which is located within the ndxzsite folder. Once you've done then you don't even need to use the @font-face code. Just simply refer to your font in quotes after the font-family tag, in your custom or style.css template. Hope that helps!

swmayow / 2012-09-01 07:53:06   

Sorry I mean you do have to use the @font-face code too and you copy and paste that into your stylesheet.css which you can find in the CMS, under 'Assets'.

knoxbronson / 2012-09-01 07:56:51   

So do I put the fonts in the css folder?

swmayow / 2012-09-01 12:17:15   

Yeah you put the fonts you got in the kit into the css folder located in the ndxzsite folder. Then copy and paste the code you posted above into stylesheet.css which you can find in 'assets' after you've logged into your CMS. Once you've done that, then just refer to your custom font using the font-family tag.

This thread has been closed, thank you.