Hi,

Just started with your gauge editor. I'm trying to create some basic text based readouts to monitor numerical data, but my font size is doing something funny.

Within the editor, my gauge looks like this:

But when outputted to WebFIPS it looks like this:

Yes they're ugly 😄 but just focussing on functionality first

Any ideas why the font might be changing?

Edited April 16, 20242 yr by C414AC

11 minutes ago, C414AC said:

Any ideas why the font might be changing?

No idea, sorry.

In general, Desktop and Web FIPs will be similar but not identical.

I think I know the issue but not specifically how to solve it. If anyone has web design experience, it would be handy.

I *think* it is to do with .css files, which for webpages specify the styling of the page, including fonts.

If anyone wishes to wade in, it would be great 🙂

8 hours ago, C414AC said:

I think I know the issue but not specifically how to solve it. If anyone has web design experience, it would be handy.

I *think* it is to do with .css files, which for webpages specify the styling of the page, including fonts.

If anyone wishes to wade in, it would be great 🙂

WebFIPs don't utilize CSS.

It would help if you would post the actual code of that gauge, so I can try it on my end. Normally the fonts look the same in Desktop and WebFIPs, I haven't seen the effect that you describe before. Or send the gauge to me by email, the address is on the last page of the AAO manual. Please don't forget to send your proof of purchase too.

Edited April 20, 20242 yr by Lorby_SI

Hi there,

Sorry brief aviation hiatus. Here is code from one of the gauges:

 

<?xml version="1.0" encoding="utf-8"?>
<Gauge xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" Name="CF_Pressurisation">
  <Visible>(A:PLANE ALT ABOVE GROUND) 50 &gt;</Visible>
  <Image Name="background.png" ImageSizes="200,200,200,200" />
  <Element>
    <Position X="100" Y="26" />
    <GaugeText>
      <FontHeight>22</FontHeight>
      <FontColor>#000000</FontColor>
      <Bold>false</Bold>
      <Italic>false</Italic>
      <HorizontalAlign>center</HorizontalAlign>
      <Value>Cabin Alt</Value>
    </GaugeText>
  </Element>
  <Element>
    <Position X="100" Y="58" />
    <GaugeText>
      <FontHeight>44</FontHeight>
      <FontColor>#000000</FontColor>
      <Bold>false</Bold>
      <Italic>false</Italic>
      <HorizontalAlign>center</HorizontalAlign>
      <Value>%(A:PRESSURIZATION CABIN ALTITUDE, FT)%!4d!ft</Value>
    </GaugeText>
  </Element>
  <Element>
    <Position X="100" Y="126" />
    <GaugeText>
      <FontHeight>22</FontHeight>
      <FontColor>#000000</FontColor>
      <Bold>false</Bold>
      <Italic>false</Italic>
      <HorizontalAlign>center</HorizontalAlign>
      <Value>Rate</Value>
    </GaugeText>
  </Element>
  <Element>
    <Position X="100" Y="158" />
    <GaugeText>
      <FontHeight>44</FontHeight>
      <FontColor>#000000</FontColor>
      <Bold>false</Bold>
      <Italic>false</Italic>
      <HorizontalAlign>center</HorizontalAlign>
      <Value>%(A:PRESSURIZATION CABIN ALTITUDE RATE, FEET PER SECOND) 60 *%!3d!fpm</Value>
    </GaugeText>
  </Element>
  <Element>
    <Position X="0" Y="100" />
    <Image Name="line.png" ImageSizes="200,6,200,6" />
  </Element>
</Gauge>

2 hours ago, C414AC said:

Here is code from one of the gauges:

OK, so here is what's happening:

You didn't supply a "<FontFace>" tag in the text elements. In a DesktopFIP that is no big deal, because the app window that is displaying the gauge just defaults to a local font (Arial? TimesNewRoman?). This is a default mechanism in Windows, it does that on its' own. But a web page can't do that. When the <FontFace> is empty or missing, then the whole font string (which contains the size!) in the HTML element is invalid - and it defaults to "10px sans-serif". 

There is not a lot that I can do, I suggest that you simply add a font of your choice to the element. (If I were to supply a default font when you leave it empty, then Web and Desktop will look different, which is also not desireable.)

Edited April 28, 20242 yr by Lorby_SI