Random observations of a very experienced software artist.

    Arial is not my favorite

    John McCann  August 8 2012 01:13:33 PM
    I did not think an application rendered well using the Arial font in Internet Explorer 9.   So, I wanted to change it to Verdana.  It took me a while to chase down all the references to font-family in the multitude of disjoint places.  I was not impressed by the redundant specifications instead of letting inheritance work.    I tried using some recommendations to specify the dojo claro theme instead of the default tundra.  I didn't get claro's fonts either.

    Since it took me a while, I thought I would share what I did.  Hopefully, I can save someone else's time.  If you know of a better technique, please share.


    The application has its own theme, specified once on the application properties, XPages tab.

    Image:Arial is not my favorite


    In the theme, which is extending the oneUIV2.1 theme, we specify our own style sheet, MSE.css.   Make sure it is the last, even after any dojo theme override.
    <theme extends="oneuiv2_1_gen1">

        <resource dojoTheme="true">
                <content-type>text/css</content-type>
                <href>/.ibmxspres/dojoroot/dijit/themes/claro/claro.css</href>
        </resource>
        <resource>
                <content-type>text/css</content-type>
                <href>MSE.css</href>
        </resource>

    </theme>






    Then our theme.  For your reading enjoyment, I also included the clearfix hack for clearing floats.
    /* clearfix hack from Jeff Staff: http://perishablepress.com/new-clearfix-hack/ */

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: "";
        clear: both;
        height: 0;
        }
    * html .clearfix             { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix { zoom: 1; } /* IE7 */

    /* override all the places the oneui thinks it needs to specify the font-family */
    body.lotusui,
    .lotusui button, .lotusui input, .lotusui .lotusSymbol, .lotusui select, .lotusui textarea,
    .xspDataTableFileDownload table table td,
    .xspDataTableViewPanel table table td,
    .xspInputFieldTextArea,
    .xspText, .xspTextComputedField, .xspTextLabel, .xspTextViewTitle, .xspTextViewColumn, .xspTextViewColumnComputed, .xspTextViewColumnHeader
        {font-family: Verdana, Arial, Helvetica, sans-serif;}






    Comments

    1Jack  11/1/2012 11:02:51 AM  Arial is not my favorite

    This blog entry has been a life saver. Great Work ... appreciate it.