字体选择与dafont.com等实时预览

时间:2012-10-29 09:18:28

标签: fonts live-preview

我想将一个功能集成到我正在工作的网站上的一个表单,就像fonts.com和dafont.com一样,我已经到处寻找使用每个可想象的搜索词,试图找出哪里开始。这是我想要的:

用户在下拉列表中按名称选择字体。然后,他们可以在表单字段中放置自定义文本,该字段将以其真实类型形式进行预览,以便他们可以看到其字体的外观。

基本上我想复制选择网站的字体允许你选择字体的方式..预览它,在我的情况下提交带有表格的字体选择以及其他表格数据。

有人至少可以指出我正确的方向。我很难过。我想我正在过度思考这个问题,但它是客户迫切需要的一个功能。

1 个答案:

答案 0 :(得分:0)

您可以在库中呈现字体,如ImageMagick(在PHP安装中广泛使用):

$im = new Imagick();
$im->setFont('YourFont.ttf'); // Set the correct file path here
$im->newPseudoImage(100, 100, 'caption:Hello');
$im->setImageFormat('png');

header('Content-Type: image/png');
echo $im;

然后,您可以将javascript事件附加到字体选择下拉列表(和/或示例文本输入),每次更改时,将图像源设置为此PHP脚本以实时预览结果。 / p>