Project

General

Profile

Actions
Copy link

Bug #3842

closed

Verdana font from the Linux package ttf-mscorefonts-installer causes rendering issues with pfSense WebGUI

Added by Jim Pingle about 10 years ago. Updated about 10 years ago.

Status:
Resolved
Priority:
Normal
Assignee:
Jim Pingle
Category:
Web Interface
Target version:
2.2
Start date:
08/31/2014
Due date:
% Done:

0%

Estimated time:
Plus Target Version:
Release Notes:
Affected Version:
2.2
Affected Architecture:
All

Description

After some digging, it's been found that the cause of the menu wrapping issue on Linux is due to the presence of the "Verdana" font in the CSS font selectors of the pfSense_ng and other themes, for example:

html, body, td, th, input, select {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}

The base install of Ubuntu, Lubuntu, and similar distributions is OK because none of those fonts are present so the system uses another sans-serif font instead. However if the ttf-mscorefonts-installer package has been added, the browser will have Verdana available but not Tahoma, and Verdana causes the text to be a bid wider and wrap.

Removing Verdana from the list of fonts in the CSS fixes the rendering.

This affects both 2.2 and 2.1.5, so replicating the fix back 2.1.x is needed.

Files

menu.jpg (92.3 KB) menu.jpg Ivo B, 11/05/2014 10:23 AM
Actions
Copy link

Also available in: Atom PDF