For graceful fallback, could the CSS for `icon-math` be something like `.icon-math * { display:none; }`. That way OERPUB icons are not required? That way the html could look something like:

    <i class="icon-math">
      <span>x<sup>2+1</sup></span>
    </i>