Open Road

In the first part I gave an example of using stylish to control font display for minority languages within Gmail. In this post II’ll quickly look at Yahoo’s new email web interface. These CSS rules do not apply to the classic mail UI.

This technique applies to text emails and may not work with HTML based emails.

The following domain specific CSS rules include the use of CSS 3 selectors supported by the Firefox 2.0 web browser and will control the fonts used to display sender details, subject line and body of the message:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.yahoo.com") {
    td[colname=Subject],
    td[colname=From],
    div.headerSender,
    div.headerSubjectLine,
    body:not([class~="appBody"]),
    .inputField {font-family: Charis SIL !important;}
}

Just change the font declaration to your preferred font. It is also possible to adjust font sizes and line-height by updating or adding additional rules.