Quizás más de una vez les pasó que un cliente vino con una muestra de la página web que quería, hecha, claro está por un usuario de corel o algo asi, y si bien tratamos de explicarle de varias formas que esa Tipografía era un montón de cosas, menos, lo que el necesitaba para su web, la frase EL CLIENTE SIEMPRE TIIENE LA RAZON, pasa a ser válida, como pasa SIEMPRE.

Aunque en un número significativamente menor de veces, tambien es posible que realmente esa TRUE TYPE sea necesaria por una cuestión de diseño y no meramente un capricho.

Ahora bien, el recurso más común era crear los títulos o contenido en algun editor de graficos y subir imágenes en JPG con dichas palabras pero con el furor de las paginas con contenido editable, CMS, y administradores de contenidos se hace necesario realmente generar de alguna manera contenido dinámico con estas tipografias.

PHP y su Función imagettftext() nos permite crear online JPG con contenido dinámico, basado en una variable de texto, algunas características customizables y una fuente TTF subida en nuestro servidor.

La función imagettftext() requiere instalada la librería FreeType en nuestro servidor y aunque no es común que en un servidor de ambiente compartido este disponible, nunca he encontrado objeciones a la hora de solicitar su instalación.

Este es un ejemplo sencillo del código y un enlace para verlo funcionar.

<?php 
//defino las variables que vamos a necesitar
 
$font = "arial.ttf";						// Tipo de fuente TTF
$size = 20;									// Tamaño de Buente
$angulo = 0;								// Rotacion de la letra
$margen = 15; 								// Espacio hasta el primer caracter
$alto = 25;									// alto desde arriba de la imagen base
$palabra = "PHP + TTF es posible";			// Palabra a mostrar en ttf 
 
//Genero mi JPG Base
$imagen = imagecreatetruecolor(400, 50); 	// creo la base
$color1 = imagecolorallocate($imagen, 128, 128, 128); // color usado para tipografi en RGB.
$color2 = imagecolorallocate($imagen, 255, 255, 255); // color para fonde de imagen
imagefilledrectangle($imagen, 0, 0, 399, 49, $color2); // relleno el fondo
 
//genero mi palabra en ttf y la agrego a mi base
imagettftext($imagen, $size, $angulo, $margen, $alto, $color1, $font, $palabra);
 
// agrego las cabeceras para mostrar un JPG
header("Pragma: no-cache");
header('Cache-Control: no-store, no-cache, must-revalidate');
header( "Content-type: image/jpeg");
 
//Muestro mi imagen
imagejpeg($imagen);
 
//Elimino mi imagen de la memoria
imagedestroy($imagen);
?>

Be Sociable, Share!

•