Download & Extend
Facelift Image Replacement Integration » Issues

Font Size not constant

Posted by stefan81 on June 2, 2009 at 4:36am
Project:Facelift Image Replacement Integration
Version:6.x-1.2
Component:Code
Category:support request
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

Generally, its a great module, because its so simple!

I applied flir to my navigation.
It happens that short words are rendered larger than longer words.

I wonder if there is a maxwidth setting somewhere.

Login or register to post comments

Comments

#1

Posted by j0rd on June 15, 2009 at 3:23pm

I have the same issue as well.

My longest title is replaced using a smaller font size and it make my website look in consistent. I'm curious why this is going on and how we can resolve this.

#2

Posted by j0rd on June 15, 2009 at 5:25pm

A little more digging into this module and flir turns out that there's a bunch of flir options, which this module does not let you to configure. These flir specific options are quite in depth and are ment to be tied to your particular fonts. I believe they should be opened up on the configuration page for flir and have to be configured to each font that added.

The particular option which relates to the miss match font sizes, is the flir option called "mode". I believe by looking at the code flir mode options are infact modules and you can add new ones. Nifty. By default the flir module for drupal uses "progressive" and if you want your words to wrap you will have to use "wrap" mode.

In your flir.module you set this specifically by changing this around line 244

<?php
if($FLIR['output'] == 'auto')
    $FLIR['output'] = $FLIR['bkg_transparent'] ? 'png' : 'gif';
?>

to

<?php
if($FLIR['output'] == 'auto')
    $FLIR['output'] = $FLIR['bkg_transparent'] ? 'png' : 'gif';

// Changing "mode" from default (progressive) to wrap.
    $FLIR['mode'] = 'wrap';
?>

There's a bunch of flir options which you can play with. Here's some documentation, but I find it rather incomplete: http://facelift.mawhorter.net/doc/ . If you really what to know what your other options are take a look at the code.

#3

Posted by stefan81 on June 20, 2009 at 12:36pm

Thanks for your input.
but after doing so I get an error:

Parse error: syntax error, unexpected T_VARIABLE in (..)/sites/all/modules/flir/flir.module on line 244

#4

Posted by j0rd on June 19, 2009 at 11:43am

The only thing you should be adding is

$FLIR['mode'] = 'wrap';

I'm pretty sure this compiles, so you've probably done something wrong.

#5

Posted by stefan81 on June 20, 2009 at 12:39pm

yes, I only added that line.

But I gave up FLIR anyways, because I tested it on MS Explorer 5 & 6, and the module is not working there at all.

#6

Posted by jalama on October 6, 2009 at 5:57pm

it's alao worth noting that flir only supports pt and px, not em or % when applying font-size in css.

http://facelift.mawhorter.net/doc/flir-js-flirstyle-object-csssize

#7

Posted by hadsie on May 3, 2010 at 10:32am
Category:bug report» support request
Status:active» fixed

The flir mode setting should fix this. I think progressive will work for what you want. This is also now configurable in the current dev version of the module.

#8

Posted by System Message on May 17, 2010 at 10:40am
Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.