Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13416

    First of all, big thanks to Kriesi and all the moderators for the support across the sites and forums.

    I have been working on a site using the Angular theme in which our designer requires a specific font (DIN) for headings.

    I have successfully implemented this across the site, however, the Cufon tags have not carried over within columns.

    I suspect the .flex_column h1 has something to do with it but would love for some support. We currently limit some of our layouts due to the in column limitations. Cufon recognises the font replace (‘.flex_column’) but not (‘.flex_column h1′)

    Any help would be great!

    #79163

    Hey!

    As far as I know Angular does not use Cufon but it uses the Google Fonts API. Therefore you can simply apply the font to any element by using the font-family css attribute.

    Best regards,

    Peter

    #79164

    We have a company chosen font that is required as headings to keep in line with brand language that is not a Google font. As a result, we have chosen to use Cufon to implement it.

    In doing so, I realised the standard Cufon replacement behaves differently within columns.

    Would it be better to invest the time and switch over to font-face? Or is font-face no longer supported and being phased out?

    #79165

    Yes, to be honest I’d switch over to font-fave fonts because Cufon isn’t reponsive and it may break the layout. Actually the script converts the font characters into canvas shapes and these shapes won’t adjust if the screen resolution, etc. changes.

    #79166

    Ok thanks! Trying to make the switch to font-face now but can’t seem to get it to work. Will give it solid go before posting on forums as i have found other font-face threads here.

    #79167

    Hey!

    Great. Please open another thread if you’ve any other questions.

    Regards,

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Cufon behavior in columns’ is closed to new replies.