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
-
Steve Andrews
commented
Jude,
Try the link again. It should work now.
Steve.
-
Jude Davis
commented
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 Andrews
commented
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.
-
mjohnson21
commented
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.
-
Jan
commented
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-Anne commented
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)
-
Matthieu
commented
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
