CKEditor uses Arial instead of Open Sans in Basis

[quicksketch]

Description of the bug
Basis uses "Open Sans" for it's front-end font, but CKEditor does not load the font, instead it's using the default Arial.

Steps To Reproduce
To reproduce the behavior:

1. Go to node/add/post
2. Insert text into the editor. Inspect it with the browser and note it's using Arial.
3. Save the node.
4. Inspect the text and note that it's using Open Sans.

This results in ever so slight differences in spacing between CKEditor and the front-end.

---

PR by @quicksketch - backdrop/backdrop#2983

[quicksketch]

PR filed at backdrop/backdrop#2983.

I'm not 100% sure that adding skin.css is the correct solution. That file contains a lot of other CSS that (probably) won't ever affect CKEditor. However it also includes some key utility classes like .color-inverse, .font-size-xlarge, .font-weight-bold, etc.

[indigoxela]

That file contains a lot of other CSS that (probably) won't ever affect CKEditor.

It doesn't do any harm.
Another option would be to create an explicit ckeditor stylesheet with only the relevant parts of Basis styles. But that might cause more work than it's worth it.

I can confirm, the patch works fine on a 1.15.x-dev with Basis as the default theme. Content styles are the same as when viewing the node (font, link color...).

[olafgrabienski]

The PR works for me too!

I'm not 100% sure that adding skin.css is the correct solution.

Another option would be to create an explicit ckeditor stylesheet with only the relevant parts of Basis styles.

I'm undecided about adding the extensive skin.css styles for CKEditor. I guess it's helpful when people use the unmodified Basis theme but it might be confusing / misleading when people use a sub-theme of Basis which usually overrides the original skin.css.

Hm, writing about it, at the moment, I'm in favor of a smaller editor.css with the most important styles which doesn't pretend to be exactly the same as Basis.

PS: Bartik comes with a basic editor.css.

[klonos]

Hm, writing about it, at the moment, I'm in favor of a smaller editor.css with the most important styles which doesn't pretend to be exactly the same as Basis.

I'm in favor of this too. ...especially after attending this session at DrupalSouth: https://www.youtube.com/watch?v=XMkIjhxt0Jg ...there is no reason to be loading additional css/js when it is not needed.