ThemeShaper Forums » Thematic

[closed]

@font-face: How to get it working in Thematic?

(5 posts)
  • Started 2 years ago by Greeny
  • Latest reply from sixfootjames
  • This topic is not resolved
  1. Greeny
    Member

    Hello all,

    Been trying with no success, but how do i get the @fpnt-face tag working in the Thematic Wordpress theme?

    Thanks
    Greeny

    Posted 2 years ago #
  2. sowingseeds
    Member

    Maybe a little more details on what you have done thus far. For example, from google fonts the following should work if added to your (childtheme) stylesheet:
    @import url(http://fonts.googleapis.com/css?family=Patrick+Hand);

    Posted 2 years ago #
  3. Greeny
    Member

    As far as I know google fonts is not the @font-face tag. Anyways....

    I have downloaded from fontsquirrel FFTusjBold, with the code:

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

    Do I add this to my childtheme style.css or typography.css or the default.css? Should I use @import? I want to use it for my horizontal navigation, do I call this font-family in my childtheme style sheet or typography stylsheet?

    All help is appreciated. Thanks

    Greeny

    Posted 2 years ago #
  4. middlesister
    Member

    Add the code to your childtheme style.css (and don't forget the closing } ). And after that you need to specify where to use it, for example

    .entry-title  {
        font-family: 'FFFTusjBold', serif;
    }
    Posted 2 years ago #
  5. Thanks MiddleSister! Needed this :)

    Posted 2 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.