# Edit CSS/HTML editor cursor offset makes it unusable due to CSS font override

**URL:** <https://meta.discourse.org/t/edit-css-html-editor-cursor-offset-makes-it-unusable-due-to-css-font-override/144725>\
**Category:** Product Support\
**Created:** [March 18, 2020, 3:22pm UTC](https://meta.discourse.org/t/edit-css-html-editor-cursor-offset-makes-it-unusable-due-to-css-font-override/144725 "2020-03-18T15:22:07Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![michaeld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michaeld/32/1594_2.png) [@michaeld](https://meta.discourse.org/u/michaeld)\
**Post date:** [March 21, 2020, 5:19pm UTC](https://meta.discourse.org/t/edit-css-html-editor-cursor-offset-makes-it-unusable-due-to-css-font-override/144725/11 "2020-03-21T17:19:27Z")

</div>

I took the liberty of taking a look at this. It is caused by the Lato font which is being inserted by the “Fonts” theme component and applied to all elements (\*). It is not a fixed width font and apparently the editor does not work well with that. Using /safe-mode works around the issue.

The actual cause is that you are applying that font to all elements by using the `*` selector. If you change this to `html` then you get the regular CSS inheritance and specificity back and your editor will get the correct font.

---

_[View the full topic](https://meta.discourse.org/t/edit-css-html-editor-cursor-offset-makes-it-unusable-due-to-css-font-override/144725)._
