Fixed-font display in Spamcop webmail ?

[Gilboooo]

I'm using the Spamcop webmail to gather my emails.

I have been looking at the options and I can't find how to ask the webmail to display all emails using a fixed-font.

I do receive some electronics-oriented mailing-lists and we use fixed-font to draw diagrams of electronics and having the webmail use proportional fonts is horrible

Thanks.

[swingspacers]

Webmail displays the messages using a fixed-width font by default. Here are the tags used to open the message display:

<td class="text" align="left"><p class="fixed">

If you see proportional fonts, you should check the setting in your browser for "plain text font" or "monospace" and make sure that you have selected a fixed-width font.

[Gilboooo]

I am using Firefox 1.0.6

I have set my fonts manually and clicked the checkbox "Use my fonts"

I have selected Bitstream Vera Sans Mono font (monosize font size)

but the display is not using fixed size font

Source shows :

<td class="text" align="left"><p class="fixed">

So it should be using a CSS fixed thing but I don't get the fixed font display.

I have also tried "Courrier New" but no change either.

If I ask Firefox to use "Courrier New" for the "Proportional fonts" then the whole page becomes correct.

There is something wrong with IMP as used by Spamcop's webmail and Firefox.

:angry:

[swingspacers]

I also use Firefox 1.0.6. I have Times New Roman set as my proportional font and Courier New as my monospace font. I do not have the problem that you describe.

I have set my fonts manually and clicked the checkbox "Use my fonts"

Try UNchecking that box so that Firefox uses the fonts selected by the website and see if that fixes it.

Did you check your fonts setting for the correct language family used by the SpamCop webmail? Firefox allows you to select different fonts for various language families in the "Fonts for" menu.

Are you using the official Firefox version from mozilla.org? If you are using a modified or localized version, it may contain bugs and errors not found in plain vanilla Firefox.

Are you using any Firefox extensions that modify the pages loaded such as GreaseMonkey or Google Toolbar? They might make changes that cause Firefox to render the page differently from what the web authors had intended.

[Jeff G.]

I am also experiencing the same issue, using Lucida Sans Unicode for Serif/Sans (I detest serifs) and Lucida Console for Monospace on Firefox 1.0.6 from getfirefox.com and the Yahoo! Toolbar. Have you tried viewing those particular emails using the "Message Source" Link? That worked for me.

[swingspacers]

I am also experiencing the same issue, using Lucida Sans Unicode for Serif/Sans (I detest serifs) and Lucida Console for Monospace on Firefox 1.0.6 from getfirefox.com and the Yahoo! Toolbar.  Have you tried viewing those particular emails using the "Message Source" Link?  That worked for me.

31813[/snapback]

You need to either uncheck "Always use my: Fonts" or pick a fixed-width font as your proportional font. When the box is checked, for some reason the whole page is displayed in your proportional font. When the box is unchecked, the page is displayed correctly: The buttons and labels in a proportional font and the message boxes in a fixed-width font.

Just for completeness, here is the stylesheet used by webmail:

body {

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

    background-color: #222244;

    color: black;

    scrollbar-base-color: #666699;

    scrollbar-arrow-color: #ddddff;

}

html {

    scrollbar-base-color: #666699;

    scrollbar-arrow-color: #ddddff;

}

.box {

    border: 1px dashed #999999;

    background-color: white;

}

.solidbox {

    border: 1px solid black;

}

.greybox {

    border: 1px solid black;

    background-color: #e9e9e9;

}

.whitebox {

    border: 1px solid black;

    background-color: white;

}

.headerbox {

    border-left: 1px solid #666699;

    border-right: 1px solid #666699;

    border-bottom: 1px solid #666699;

}

.nomargin {

    padding: 0px;

    margin: 0px 0px;

}

input {

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

}

select {

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

    font-weight: normal;

}

form {

    margin: 0px;

}

.form-error {

    color: #ff0000;

}

.form-header {

    font-weight: bold;

}

a {

    color: #333399;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

    text-decoration: none;

}

a:hover {

    color: blue;

    text-decoration: underline;

}

a.menuitem {

    color: #eeeeff;

    font-family: Verdana,Helvetica,sans-serif;

    font-size: 11px;

    font-weight: normal;

}

a.menuitem:hover {

    color: yellow;

}

a.helpitem {

    color: #cccccc;

    font-family: Verdana,Helvetica,sans-serif;

    font-size: 12px;

    font-weight: normal;

}

a.helpitem:hover {

    color: yellow;

}

a.helplink {

    color: white;

    background-color: #444466;

    font-family: Verdana,Helvetica,sans-serif;

    text-decoration: underline;

}

a.helplink:hover {

    color: yellow;

}

.selected {

    background-color: #bbcbff;

}

.selected-hi {

    background-color: #cceeff;

}

a.widget {

    color: #222244;

    font-family: Verdana,Helvetica,sans-serif;

    font-size: 11px;

}

a.widget:hover {

    color: blue;

    background-color: #bbcbff;

}

.notice {

    background-color: #ffffcc;

}

.outline {

    background-color: black;

}

.menu {

    color: white;

    background-color: #444466;

    font-family: Verdana,Helvetica,sans-serif;

    height: 55px;

}

.menuselected {

    background-color: #666688;

    border-bottom: 1px solid #9999cc;

    border-right: 1px solid #9999cc;

    border-top: 1px solid #222244;

    border-left: 1px solid #222244;

    padding: 2px;

}

.menuheader {

    color: #ccccee;

    font-family: Verdana,Helvetica,sans-serif;

    font-weight: bold;

    font-size: 17px;

}

.header {

    color: #ccccee;

    background-color: #444466;

    height: 25px;

    font-family: Verdana,Helvetica,sans-serif;

    font-weight: bold;

    font-size: 15px;

}

td.header {

    padding-left: 3px;

    padding-right: 3px;

}

a.header:hover {

    color: white;

}

.light {

    color: white;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

}

.smallheader {

    color: #ccccee;

    background-color: #444466;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 12px;

}

.smallheader a:hover {

    color: white;

}

a.smallheader:hover {

    color: white;

}

.small {

    color: #aaaacc;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 11px;

}

.legend {

    color: #000000;

    font-family: Geneva,Arial,Helvetica,sans-serif;

    font-size: 11px;

}

.control {

    color: black;

    background-color: #cccccc;

    border-bottom: 1px solid #999999;

}

.item {

    color: black;

    background-color: #e9e9e9;

}

.accessKey {

    text-decoration: underline;

}

.button {

    color: white;

    background-color: #666699;

    border-bottom: 1px solid #222244;

    border-right: 1px solid #222244;

    border-top: 1px solid #9999cc;

    border-left: 1px solid #9999cc;

    font-size: 11px;

    font-family: Verdana,Helvetica,sans-serif;

    font-weight: normal;

}

[color="red"].text {

    color: black;

    background-color: white;

}[/color]

.text-hi {

    background-color: #f3f3f3;

}

.summarytext {

    color: black;

    background-color: white;

}

td.summarytext {

    padding: 3px;

}

.summary {

    background-color: white;

}

.item0 {

    background-color: #f3f3f3;

}

.item1 {

    background-color: #e9e9e9;

}

[color="red"].fixed {

    font-size: 13px;

    font-family: monospace, fixed;

}[/color]td {

    font-size: 12px;

    font-family: Geneva,Arial,Helvetica,sans-serif;

}

th {

    font-size: 12px;

    font-family: Geneva,Arial,Helvetica,sans-serif;

}

.list {

    background-color: #f0f0ff;

}

.listlt {

    background-color: #ffffff;

}

.signature {

    color: #cccccc;

}

.signature-fixed {

    color: #cccccc;

    font-size: 13px;

    font-family: monospace, fixed;

}

.quoted1 {

    color: #660066;

}

.quoted2 {

    color: #007777;

}

.quoted3 {

    color: #990000;

}

.quoted4 {

    color: #000099;

}

.quoted5 {

    color: #bb6600;

}

.tooltip {

    font-size: 11px;

    background-color: #fbf4d4;

    border: 1px solid black;

}

.sidebar {

}

.sidebar-panel {

}

a.sidebaritem {

}

.tabset {

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #444466;

}

.tab {

    color: black;

    background-color: #e9e9e9;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

}

.tab-hi {

    color: #ccccee;

    background-color: #444466;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

}

a.tab-hi:hover {

    color: white;

}

[/CODEbox]

It looks like Firefox no longer processes the stylesheet correctly once you choose to use your own fonts.

[Gilboooo]

Indeed. Perhaps this should be reported to Firefox developers as a bug ?