PDA

View Full Version : Font Preview



lchad
12-11-2006, 01:44 PM
Hi, looking for some help from the Javascript gurus!
I have a client that wants something like this feature located here.http://www.vinylwords.com/CustomLettering.php
A more simplistic version is here http://www.danielledecor.com/home/builder.php

I can't even begin to search online for help because I don't know what this is called. You type in a phrase, select the font, select the color, and size and you get a preview of your selection.

Any ideas on how to achieve this or where to look would be of great help!
Thanks,
Linda

shachi
12-11-2006, 03:20 PM
Maybe this helps: http://alteredkoncept.com/tutorials.php?action=viewtutorial&id=52

lchad
12-11-2006, 03:23 PM
Thanks but the link didn't work. :(

shachi
12-11-2006, 05:24 PM
It was working some time ago. Sorry. :(

jscheuer1
12-11-2006, 06:38 PM
Have a look here:

http://www.dynamicdrive.com/dynamicindex16/richtexteditor/index.htm

mwinter
12-11-2006, 06:56 PM
Hi, looking for some help from the Javascript gurus!

If this is for the Web, or any environment where the fonts in question may not be present on a visitor's machine, then it needs to be solved server-side. It requires image generation, for a start.



I can't even begin to search online for help because I don't know what this is called.

You need to determine what server-side facilities you have available, such as PHP.

What you're asking for isn't especially hard. In fact, the manual for whatever language you use should contain information about drawing text and such.

If you need help writing this yourself, ask in one of the other language-specific boards.

Mike

lchad
12-12-2006, 12:06 PM
Thanks Mike and John:
The script you gave me looks like it's what I'm looking for.
The script portion looks rather easy, I'm probably going to get stuck on the php portion. I would imagine, all the .TTF (font files) will need to be stored Server-side which will probably trip me up.

Thanks for your help. This is certainly a great starting point!
Linda