Announcement

Collapse
No announcement yet.

Problems with .cke_editable and imported webfonts

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • StephenKay
    replied
    Doh! That's pretty obvious, don't know why I didn't think of trying it. Thanks.

    Leave a comment:


  • Glenn Vergara
    replied
    Just copy the code in opensans_regular.css and paste it to css_additional.css.

    Leave a comment:


  • StephenKay
    started a topic Problems with .cke_editable and imported webfonts

    Problems with .cke_editable and imported webfonts

    Related to some recent discussions about the fact that the iframe used for editing the text of posts and inputting new replies etc. now includes css_additional.css, I've realized that my custom webfonts that are applied site-wide do not appear in the .cke_editable areas.

    I've realized that this is because the font is specified in my header_include template:

    Code:
    <link href="/webfonts/opensans_regular/opensans_regular.css?v=3" rel="stylesheet" type="text/css" media="all" />
    This is obviously not getting included in the .cke_editable areas.

    So, I added this to my css_additional.css file:

    Code:
    @import url("/webfonts/opensans_regular/opensans_regular.css");
    Now it works, most of the time. Sometimes it doesn't.

    So now I have it in both places; not sure if this is bad or a no-no, or what is the right way to do this.

    You can see a discussion on this here where best web practices are supposedly to use the link mechanism and NOT @import.

    https://stackoverflow.com/questions/...nd-link-in-css

Related Topics

Collapse

Working...
X