Using Typography option

/******************Below goes in admin/theme-options.php************************/

//Header Title (Header Area)
$options[] = array( "name" => "Header Title 1",
                    "desc" => "Control how font displays",
                    "id" => $shortname."_headertitle1",
                    "std" => array('size' => '24','unit' => 'em','face' => 'Arial','style' => 'normal','color' => '#13577C'),
                    "type" => "typography");




/******************Below goes in your dynamic stylesheet************************/

.top-title1{
    <?php $headingtitle1 = get_option('of_headertitle1'); ?>
    font-size:<?php echo $headingtitle1["size"]; ?>px !important;
    font-family:<?php echo $headingtitle1["face"]; ?> !important;
    color:<?php echo $headingtitle1["color"]; ?> !important;
    font-weight:<?php echo $headingtitle1["style"]; ?> !important;