Wijmo UI for the Web
Themes and Styles
The following include is a requirement if you are using Wijmo. This is the basis of the layout logic of the widgets.
<!-- Wijmo Widgets CSS (required for widget layout) --> <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20171.112.min.css" rel="stylesheet" type="text/css" />
The following include is recommended because the Wijmo styles look a lot better than the standard jQuery ones. The theme suggested here, Aristo, looks like the standard Apple style (on Macs and iOS).
<!-- Theme --> <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />
You can view more themes here: http://wijmo.com/theming/.
To ensure that the theme is applied to all of the content on your page (including the font family and size), set the class attribute on the body tag of the page to "ui-widget" as in the example below.
<body class="ui-widget">
If you do not apply the theme to your entire page, plain text and headings use the default font (Times New Roman 12pt), which does not match the theme and fonts used in the widgets.