이번에 CK에디터에서 다른 에디터를 구입하여 적용하였습니다.
웹폰트를 적용해서 쓰고 있는데
CK에디터는 레이아웃에 *{ } 지정된 font-family를 잘 상속받아오는것 같은데
새롭게 구입한 에디터는 윈도우 기본 폰트가 출력되네요
그래서 font-family를 지워도 보고
font-family를 변경도 해보았는데
계속 기본 폰트가 출력 됩니다.
폰트 출력을 위해서는 아이프레임 내에 또다시 폰트파일을 인크루드 해야하는 상황인데요
이는 동일한 파일을 2번 불러와서 아주 사이트가 무거워 질것 같습니다.
번외로 폰트는
font-family: '폰트명' !important;
를 썻다가는 폰트어썸까지 문제생기겠네요 ㅎㅎ
iframe 내부는 사실상 다른 창이므로, 밖에 있는 CSS가 적용되지 않습니다.
라이믹스 기본 CKEditor가 레이아웃과 스킨의 CSS를 잘 받아오는 것처럼 보이는 이유는
레이아웃과 스킨의 CSS를 복사해서 iframe 안에다가 강제주입하기 때문입니다.
구입하신 에디터는 이런 기능이 없는 모양이네요.
동일한 CSS 경로, 동일한 웹폰트라면 브라우저 캐시가 적용되기 때문에
iframe 안팎에서 이중으로 로딩한다고 느려지거나 데이터를 더 사용하지는 않습니다.
라이믹스 기본 CKEditor도 이미 그렇게 하고 있습니다.