Need help? Check out our Support site, then

Implementing @font-face in custom CSS

  1. Hey, I'm currently customising my blog and I'm trying to use the @font-face CSS property by hosting the font files on another server and then popping this into the CSS:

    @font-face {<br /> font-family: 'JosefinSlabRegular';<br /> src: http://www.****.com/fonts_anja/josefin/JosefinSlab-Regular-webfont.ttf;<br /> src: http://www.****.com/fonts_anja/josefin/JosefinSlab-Regular-webfont.eot;<br /> src: http://www.****.com/fonts_anja/josefin/JosefinSlab-Regular-webfont.svg;<br /> src: http://www.****.com/fonts_anja/josefin/JosefinSlab-Regular-webfont.woff;<br /> src: format('embedded-opentype'), format('woff'), format('truetype'), format("svg");<br /> font-weight: normal;<br /> font-style: normal;<br /> }

    Then, I've hooked up the correct selector to the font-family... but to no avail. Can someone help me!?

    The blog I need help with is

  2. Is the code getting stripped out of the CSS?

    Not all @ stuff is supported here at this time in CSS. You do have availability of all the Typekit fonts with the Custom Design upgrade if you can find fonts there that will work for you.

  3. OK, great, thanks for that but now I'm a little confused - when I go to change fonts, I just get a typekit kit ID, not the screen where I can actually do anything!

    What do I do now?


  4. Log out, clear your browser cache and cookies, restart your browser and then try again. Perhaps it is a cookie or cache issue. I don't have the custom design upgrade, so what I know about it is from the support pages and poking around in people's CSS when helping them.

  5. doesn't allow loading in outside files such as font files using @font-face.

    This help page explains all the details about how to use Custom Fonts on Can you take a look at this page and then let me know if you're still having any trouble?

Topic Closed

This topic has been closed to new replies.

About this Topic