Font size GD Library

ttmt · November 3, 2011

Hi All

I'm trying to create a font tester - http://www.ttmt.org.uk/fonts/index.php (this demo doesn't use the font I'm using.). I'm using the GD library to create images of the text. I'm not happy with the quality of the fonts at small sizes. I've tried everything to fix it but nothing is working. One suggestion I had was to create the fonts larger then reduce the size of the image.

Can anyone offer any advise how I might do this?

<?php
        
header('Content-Type: image/png');

$im = imagecreatetruecolor(1000, 200);

$gray = imagecolorallocate($im, 240, 240, 240);
$black = imagecolorallocate($im, 0, 0, 0);
imagefilledrectangle($im, 0, 0, 1000, 199, $gray);
    
  $text = $_GET['text'];
$textSize = $_GET['size'];
$font = $_GET['font'];
	  
  imagefttext($im, $textSize, 0, 15, 160, $black, $font, $text);			

imagepng($im);

imagedestroy($im);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>untitled</title>
<style type="text/css">
  	*{margin:0;padding:0;}
    #wrap{margin:20px 0 0 20px;}
    h1{margin:0px 0 20px 0;clear:both;}
    h2{font-size:1.1em;margin:15px 0 5px 0;}
    #top{padding:0 0 20px 0;}
    form{margin:0 0 20px 0;}
</style>
</head>

<body>
  <div id="wrap">
    <form action="index.php" method="post">
      <!--<input type="text" name="text" value="<?php echo $_POST['text'];?>" />-->
      <select name="text" >
        <option value="<?php echo $_POST['text'];?>">Text</option>
        <option value="ABCDEFGHIJKLMNOPQRSTUVWXYZ">ABCDEFGHIJKLMNOPQRSTUVWXYZ</option>
        <option value="abcdefghijklmnopqrstuvwxyz">abcdefghijklmnopqrstuvwxyz</option>
        <option value="0123456789">0123456789</option>
      </select>
      <select name="size">
        <option value="<?php echo $_POST['size'];?>">Size</option>
        <option value="10">10</option>
        <option value="12">12</option>
        <option value="14">14</option>
        <option value="18">18</option>
        <option value="24">24</option>
        <option value="30">30</option>
        <option value="38">38</option>
        <option value="42">42</option>
        <option value="50">50</option>
        <option value="60">60</option>
        <option value="80">80</option>
        <option value="100">100</option>
      </select>  
      <input type="submit" name="submit" value="Set →" />
    </form>
    
    <div id="top">
  
    	<?php 
  	  
    	  $theFont="corbelb.ttf";
  	  
      	if(!empty($_POST['submit'])){
    	    $myText = $_POST['text'];
      	  $mySize = $_POST['size'];
      	  echo '<img src="imageftt.php?text='.$myText.'&size='.$mySize.'&font='.$theFont.'">';
      	}else{
      	  $myText = "Handgloves";
      	  $mySize = 24;
      	  echo '<img src="imageftt.php?text='.$myText.'&size='.$mySize.'&font='.$theFont.'">';
      	}
    	?>
    </div>
      
  </div>
</body>
</html>

Sign In

Font size GD Library

Recommended Posts

ttmt

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information