JQuery Mobile - 覆盖整个身体的字体系列主题

Question

我最近在我的网站上添加了jQuery mobile.

然而,jQuery主题打破了我以前的字体.虽然我的大多数页面工作得很好,尤其是漂亮的jQuery Mobile滑块,但我遇到了字体的真正问题.

我有自定义字体设置,他们没有jquery移动CSS正常工作.但是,一旦我包含jquery mobile css,它就会覆盖我的字体.

我已经尝试将data-role ="none"添加到body和div但是没有帮助.

我也尝试添加data-theme ="none",但这也无济于事.

有没有办法在我的页面主体上禁用jQuery自定义字体系列主题？

谢谢您的帮助.

Answer 1

这是我使用Android 4.0 ICS字体Roboto替换整个应用程序字体的CSS.

  @font-face {
    font-family: 'RobotoRegular';
    src: url('../font/roboto/RobotoRegular.eot');
    src: url('../font/roboto/RobotoRegular.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto/RobotoRegular.woff') format('woff'),
         url('../font/roboto/RobotoRegular.ttf') format('truetype'),
         url('../font/roboto/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  /* Android jQM Font Style Overrides */
  body  * {
    font-family: "RobotoRegular" !important;
    font-weight: normal !important;
  }

如果上述内容不够,您可能还必须定位特定元素.我还必须包括以下内容:

  .ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-bar-a,.ui-body-a,.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a$
    font-family: "RobotoRegular";
  }

我希望你说得对.祝好运.