You are required to register before you can post. This is via a custom verification system. Please post any problems you are encountering here and I`ll do my best to respond as soon as I can. Please note that a reply WILL be posted to all queries, so do not double post. There are no guarantees
when a reply will appear but I do my best to answer all within 3/4 days max. Bumping topics won`t make the slightest difference.
IMPORTANT: Posts in English ONLY please, thank you! Any other languages will be ignored and your message deleted.
SEARCH: Use the search option to see if your question has been answered on the forum before. Or check the relevant script docs.
CUSTOMER: If you have purchased a commercial version of any of my software, using the contact option at the licence centre ensures a faster response.
AUTO DELETION: Accounts older than 5 days, with no posts or topics, are automatically deleted. Only register if you are thinking of posting.
PRIVATE MESSAGES: Private messages are currently disabled.
LINKS: Any links posted are 'NOFOLLOW' and will not be picked up by search engines.
You are not logged in.
Pages: 1
I have a customer who has bought a font and wants to use it on her cart.
She would like it used for such things as categories and product titles.
It is not listed on google fonts and a small amount of googling leaves me undecided if this is possible or not.
Some say i can up (ftp) the font and link to it, but I am unsure if this is possible using the stylesheet?
Offline
hi gwp
I've used 'cufon' on a site and it works pretty well. You can use / convert most fonts to be usable and it's a fairly simple js set up. ( I'm no coder and I was able to do it )
Try this link for starters :
http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/
...and google for more.
Pretty good really.
--------------------------------
And this too, also cufon :
http://www.viget.com/inspire/cufon-font-replacement-the-good-and-the-bad/
Last edited by pabs11 (28-02-2012 14:20:08)
Offline
Yes, as already mentioned, custom fonts can be used pretty much anywhere and are fairly easy to work with.
Thanks pabs.
Offline
thanks guys ill give it a look 
Offline
No problem George, let us know how you get on.
Offline
An update for you guys.
I found the cufon quite easy to use following the guide given by pabs11 (Thanks pabs)
and have installed the font requested. I need to play a little more with the CSS to work out what
variables to place in the cufon script (such as h2, h3).
I did go the whole hog and also add "p" which worked well except on one custom page (written in html/dreamweaver) which uses a different font to what the cart uses (Georgia) and all instances of this were shown as blank text.
I removed the "p" and it was fine.
I think i need to move to the next stage of also using jquery as I am wanting only certain sections to use this font, such as
category names in left menu.
But overall this works for me, i just need to work out what the font variable in the CSS is for the sections i need.]
Thanks again
Offline
Excellent. Oh and jQuery is a lot of fun.
Offline
ok, have now moved to next level of using jquery.
I now have a problem in understanding the CSS.
the section below is taken for the example site mentioned earlier
------------------------------------------------------------
<script type="text/javascript">
Cufon.replace('h3#convert-me, p#convert-me-too');
</script>
The above code will Cufonize only the h3 tags with the id of “convert-me”, and p tags with the id of “convert-me-too”.
--------------------------------------------------------------
I want to convert only the categories, such as book, cds etc from the left menu.
Could you please show me a line of css that has a tag and an id as an example, then i can search the stylesheet for it and go through and find the sections within the CSS i need to replace.
I just need a sample so i know where to start.
Thanks
Offline
Sorry George, I don`t quite follow. You want the jquery css syntax??
Offline
Sorry David, ill try again
in my header i have this
" Cufon.replace('h1, h2, h3');", so just doing those 3
(I presume tags, but not sure what they are called)
If i take, for instance the footer section of the cart shown here
then show source code
---------------------------------------------------------------------------------
<div class="right">
<h3>Sign up for news, events or product offers:</h3>
<p>
<span class="inputbox"><input type="text" name="newsletter" value="" id="newsletter" class="box" /> <input type="button" title="Signup" value=">" class="button" onclick="newsletterSignup()" /></span>
<span class="inputradio">Subscribe: <input checked="checked" type="radio" name="newstype" value="sub" /> Unsubscribe: <input type="radio" name="newstype" value="unsub" /></span>
</p>
</div>
---------------------------------------------------------------------------------
i can see its cufonising the h3 tag, but it isnt doing the subscribe/unsubscribe text.
If i add the "p" tag to the header, it does nearly all the text, which is too much.
In the CSS for the cart there must be some code that tells the browser how to display the text (and what font) to use for the display of the sub/unsub text.
Maybe its this part that is called the "id"
something like
Cufon.replace('h3#span class="inputradio');
so.... after all that LOL, it just cufonsies that small section of text.
Offline
If you look at the source code you can see the relevant wrappers involved. The would be:
.innerFooterBar .right p
If nothing exists in the stylesheet, in inherits from its parent.
So, maybe:
Cufon.replace('.innerFooterBar .right p');
Offline
thanks David. i will give that a go
Offline
No probs George.
Offline
That example you gave me David, did the trick.
Thanks
I now have my head around it
Offline
That example you gave me David, did the trick.
Thanks
I now have my head around it
Thats great George. I did play around with custom fonts with Maian Support 2.1 funnily enough. But, in the end I decided to keep it standard. There are too many nice fonts and finding the right one can sometimes be time consuming.
Offline
Pages: 1