What can we do to make it easier to design with Wild Apricot?

Using custom fonts

I I am wanting to use some custome fonts on my WA site - am not particularly fussed as to which method as long as it works.

Of Cufon, SiFR and @fontface (CSS) methods avaiable, the latter is probably preferred.

The problem I am encountering is the supporting file types (.eot, .ttf, etc) and where to host them as WA does not as far as I can see, support upload of these filetypes. I have tried imnplementing using remote hosting options, but it doesn't seem to want to play nicely.....

Any suggestions as to a work around? (By the way, Cufon, my second preference als requires javascript placed in the head tag rather than at the bottom of the page where WA tends to indert them, so this not proving partiularly effective either)

Cheers

Kerrie-Anne

0 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    Kerrie-AnneKerrie-Anne shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    7 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • jdavis0180jdavis0180 commented  ·   ·  Flag as inappropriate

        Hello there. I'm going to be redesigning an existing WA site and would like to use custom fonts. I've chosen a couple of Google fonts (Rokkitt and Josefin Sans), and have been looking around WA support to find a way to implement this. I have come across your post, pasted below but the link doesn't work and I get to a login page for Confluence. Can you help me please?

        thank you

        Jude

        >>

        We've added a new help page explaining how to add more font options, specifically Google fonts, to the content editor. It involves a number of steps and theme overrides. Here's the page: https://help.wildapricot.com/display/DOC/Fonts+used+in+ArtText .

        If you run into any issues with this page, please use the feedback form at the bottom to let us know.

        Thanks and good luck.

      • Steve aka Picky Apricot (Wild Apricot Support)Steve aka Picky Apricot (Wild Apricot Support) commented  ·   ·  Flag as inappropriate

        We've added a new help page explaining how to add more font options, specifically Google fonts, to the content editor. It involves a number of steps and theme overrides. Here's the page: https://help.wildapricot.com/display/DOC/Fonts+used+in+ArtText .

        If you run into any issues with this page, please use the feedback form at the bottom to let us know.

        Thanks and good luck.

      • mjohnson21mjohnson21 commented  ·   ·  Flag as inappropriate

        Know this is an old thread, but an easy and bulletproof system for using @font-face is through Google Web Fonts. Selection is decent, but limited. http://www.google.com/webfonts

        I used the @import method and it was crazy simple. You also get the benefit of Google's co-location services, so you should get less FoUT issues.

      • JanJan commented  ·   ·  Flag as inappropriate

        You can host any kind of file with WA. I use a Mac. Through the Finder, go to Go/Connect to Server. Enter your login credentials and the interface is just like any other Finder window. Easy to create folders, drag files to your site and reference within the HTML. See the online documentation under File Manager for details ....http://help.wildapricot.com/display/DOC/File+Management

        I'd be interested in your font solution.

      • Kerrie-AnneKerrie-Anne commented  ·   ·  Flag as inappropriate

        Brilliant, thanks! Wish I'd asked this question much sooner rather than mucking about so much! Looked at Google fonts, but of course they don't really have what I want.

        Will let you know how I go... :o)

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        Hello Kerrie-Anne,

        You can place javascript in the <head> tag globally by going to the Settings tab and clicking on Meta-tags. You would then place it in the "Raw Headers" box. You can also do it on a page-by-page basis by clicking the Meta-tags link next to the page name on the Page Management screen (found under the Settings tab).

        Also, you may want to try Open Fonts, such as this solution from Google: http://www.google.com/webfonts

      Feedback and Knowledge Base

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7