Open Road

In the first and second parts I gave an example of using stylish to control font display for minority languages within Gmail and Yahoo. In this post I will quickly look at Hotmail.

Hotmail Classic UI

The CSS rule to use in the Stylish extension could look like this:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.live.com") {
    div.ReadMsgHeader,
    div#MsgContainer,
    table.ItemListContentTable tbody td,
    input#fTo,
    input#fCc,
    input#fBcc,
    input#fSubject,
    .InboxTable a,
    body:not([class~="ApplicationReach"]),
    textarea#fMessageBody {font-family: Charis SIL !important;}
}

New Windows Live Hotmail (Full) UI

For the full Windows Live HJotmail UI use the following CSS rule as a starting point for Stylish.:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.live.com") {
    ul#MessageList,
    ul#MessageList a,
    .SubjectSenderLabel,
    #MessageBodyText pre,
    input#tempSubject,
    body:not([class~="EditMessage"]) {font-family: Charis SIL !important;}
}

Just replace Charis SIL with your preferred font. you could also add rules to control font size and leading.

Additionally, you could also add rules to the folder names in order to optimise folder name display for minority languages. Add the following selector to the CSS rule above:

li.FolderListItem a