에디터의 아이프레임의 내부까지 CSS 상속 시킬 수 있나요?
| CMS/프레임워크 | Rhymix 2.1 |
|---|---|
| 개발 언어 | PHP 7.4 |
이번에 CK에디터에서 다른 에디터를 구입하여 적용하였습니다.
웹폰트를 적용해서 쓰고 있는데
CK에디터는 레이아웃에 *{ } 지정된 font-family를 잘 상속받아오는것 같은데
새롭게 구입한 에디터는 윈도우 기본 폰트가 출력되네요
그래서 font-family를 지워도 보고
font-family를 변경도 해보았는데
계속 기본 폰트가 출력 됩니다.
폰트 출력을 위해서는 아이프레임 내에 또다시 폰트파일을 인크루드 해야하는 상황인데요
이는 동일한 파일을 2번 불러와서 아주 사이트가 무거워 질것 같습니다.
번외로 폰트는
font-family: '폰트명' !important;
를 썻다가는 폰트어썸까지 문제생기겠네요 ㅎㅎ
톰캣
Lv. 11
시대의 흐름에 뒤떨어지지 않도록 아주 천천히지만 노력하고 있습니다.
댓글 3
iframe 내부는 사실상 다른 창이므로, 밖에 있는 CSS가 적용되지 않습니다.
라이믹스 기본 CKEditor가 레이아웃과 스킨의 CSS를 잘 받아오는 것처럼 보이는 이유는
레이아웃과 스킨의 CSS를 복사해서 iframe 안에다가 강제주입하기 때문입니다.
구입하신 에디터는 이런 기능이 없는 모양이네요.
동일한 CSS 경로, 동일한 웹폰트라면 브라우저 캐시가 적용되기 때문에
iframe 안팎에서 이중으로 로딩한다고 느려지거나 데이터를 더 사용하지는 않습니다.
라이믹스 기본 CKEditor도 이미 그렇게 하고 있습니다.
감사합니다.
캐시 되어있어 속도도 차이없다면 그냥 제가 css에 폰트를 추가하고 웹폰트 파일 한번 더 불러오는게 속편하겠네요.
감사합니다.
사실 레이아웃 전체 css를 한번 더 받아오면 또 괜시리 무거워질까 하는 노파심도 있으니 ㅎㅎ
이것도 캐시긴하겠지만
css에 폰트 설정만 한번 더 해줘서 잘 불러왔습니다.
항상 도움 주셔서 감사합니다.