1

주제: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

안녕하세요..

제 스킨의 style.css 첫째줄에 폰트를 불러오는

@font-face {font-family: 소야솔체; src:url(../sinsa_soyasol9.eot);

를 넣었습니다. 실제로 블로그 상에서도 잘 보여지구요..



에디터 내에서도 웹폰트 적용상태를 알고싶어서 텍스트뷰브 내의 language/ko.php를

$__text['fontDisplayName:fontCode:fontFamily'] = 'fontDisplayName:fontCode:fontFamily|바탕:Batang:Serif|바탕체:BatangChe: Serif|굴림:Gulim:Sans-serif|굴림체:GulimChe:Sans-serif|돋움:Dotum:Sans-serif|돋움체:DotumChe:Sans-serif|소야솔체:소야솔체:Sans-serif';

위와 같이 수정했는데요..
편집창에서는 "소야솔체"로 폰트가 적용되어 보이지 않습니다..
(물론 미리보기 하면 웹폰트가 잘 적용되어 보입니다..)

다른 폰트들처럼 편집창에서도 변화된 모습을 볼 수 있는 방법이 있는지요..

2

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

답변 감사합니다...

그런데 제 skin폴더 내에는 따로 wysiwyg.css파일이 없네요...

그래서 style폴더 내의 default-wysiwyg.css파일을 수정도 해보고

그 파일을 복사하여 wysiwyg.css로 이름을 바꿔서 스킨 폴더에 넣었는데도

소용이 없었습니다..ㅎ

좀 더 제가 연구해보아야겠지요...

3

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

Creorix님, 친절한 답변 감사드립니다...
하지만 아직도 해결을 못보고 있습니다.
요점은 wysiwyg.css파일의 수정인데 이게 당췌 ftp를 통해 스킨에 올려도 인식을 못하는것입니다..
캐쉬문제가 아닐까 해서 서비스/서버부분의 캐쉬 옵션을 해제하고도 해봤는데 소용이 없네요..)
(관리자화면 상에서 스킨 편집을 눌러 wysiwyg.css파일을 불러오려 해도 "실패했습니다"라는 메시지만 뜨구요..)

혹시나 해서 다른 스킨에도 wysiwyg.css를 올려놓고  설정을 바꾸려 해도 같은 증상이입니다..

4

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

Creorix 작성:

이 부분은 아마 wysiwyg.css의 권한이 제대로 설정되어 있지 않아서 발생하는 문제인 것 같습니다만.. 정확한 것은 확인해 봐야 알 수 있을 것 같습니다. 일단 브라우저를 열고 http://블로그주소/skin/스킨이름/wysiwyg.css로 들어갔을 때(1.8대에서는 skin 대신 skin/blog입니다) 제대로 CSS 파일이 보인다면 이 쪽 문제는 없다고 생각하시면 됩니다.

권한 쪽 문제가 맞는 것 같습니다..
알ftp를 사용중인데 권한 설정된 부분을 보니 644로 되어있었습니다. 그래서 아예 그냥 skin폴더 전체를 757, 777로 연달아 바꿔보았는데 소용이 없었습니다-...(불러오기에 실패)

그런데 자포자기 마음에 그냥 빈 텍스트 파일을 이름만 wysiwyg.css로 바꾸어서 올린 후 관리자 편집화면에서 불러왔더니 계속 실패하던 것이 불러와지는게 아니겠습니까?
신나서 웹폰트 설정하는 부분을 입력하고 저장을 누르는데 역시나
"권한이 없습니다."라고 나옵니다..
(윈도우 상에서 읽기 전용으로 속성이 설정되있나도 봤는데 아니었습니다.)
이상하게 다른 style.css, skin.html을 수정하는데는 아무 문제도 없었습니다.

브라우져 쪽에서 쿠키, 오프라인파일까지 다 지우고 시도해봐도 같네요.. (TC 1.7.3버전 사용중입니다.)

다시한번 꾸준한 Creorix님의 답변에 감사드립니다..(꾸벅!)

양수철 (2008-08-09 21:08:30)에 의해 마지막으로 수정

5

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

아하...

skin.html, style.css, wysiwyg.css 등등 스킨 중 하나라도 관리 패널에서 수정하면 /skin/customize/블로그번호 에 보관됩니다.

/skin/customize 의 권한을 체크해보세요^^

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

6

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

inureyes 작성:

아하...

skin.html, style.css, wysiwyg.css 등등 스킨 중 하나라도 관리 패널에서 수정하면 /skin/customize/블로그번호 에 보관됩니다.

/skin/customize 의 권한을 체크해보세요^^

customize폴더는 제가 관리자화면 상에서 스킨 편집을 하고 저장을 할경우 생기는 것 같습니다.
혼동을 막기위해 customize폴더는 다 지우고, 스킨을 다른 것으로 변경하였다가 원래 스킨으로 다시 설정하였습니다.(물론 customize폴더는 다시 생기지 않았습니다.)
좋은 답변 감사드립니다.

Creorix 작성:

그렇다면 관리자 화면이 아니라 직접 웹 주소로 접근해도 접근이 안 된다는 말씀이신가요?

위에서 말씀드린것처럼 http://블로그주소/skin/스킨폴더이름/wysiwyg.css 로 들어갔을 때 wysiwyg.css의 파일 내용이 보이는지 확인 부탁드립니다 smile

(사실 관리자화면에서 편집이 되느냐보다 저렇게 웹 주소로 직접 접근이 되느냐가 더 중요합니다.)

아, 죄송합니다. 자세히 못보고...

http://e-sinsa.com/love/skin/to_the_sky/wysiwyg.css

이게 css의 주소입니다. 어제까지는

Creorix 작성:

그렇다면 관리자 화면이 아니라 직접 웹 주소로 접근해도 접근이 안 된다는 말씀이신가요?

위에서 말씀드린것처럼 http://블로그주소/skin/스킨폴더이름/wysiwyg.css 로 들어갔을 때 wysiwyg.css의 파일 내용이 보이는지 확인 부탁드립니다 smile

(사실 관리자화면에서 편집이 되느냐보다 저렇게 웹 주소로 직접 접근이 되느냐가 더 중요합니다.)

style.css(http://e-sinsa.com/love/skin/to_the_sky/style.css)파일을 주소창에 입력했을 때처럼 wysiwyg.css도 다운로드 형식(주소를 쳤을 경우 다운로드 메시지가 뜨는 것.)의 창이 뜨고 메모장에서 열렸었는데 방금 시험해보니 html 404(파일을 찾을 수 없습니다.)에러가 뜨네요.

Creorix 작성:

그렇다면 관리자 화면이 아니라 직접 웹 주소로 접근해도 접근이 안 된다는 말씀이신가요?

위에서 말씀드린것처럼 http://블로그주소/skin/스킨폴더이름/wysiwyg.css 로 들어갔을 때 wysiwyg.css의 파일 내용이 보이는지 확인 부탁드립니다 smile

(사실 관리자화면에서 편집이 되느냐보다 저렇게 웹 주소로 직접 접근이 되느냐가 더 중요합니다.)

http://e-sinsa.com/love/skin/to_the_sky/

스킨 폴더 경로입니다..

skin.html
index.xml
preview.jpg

등등의 파일은 잘 불러지는데 유독 wysiwyg.css만 그러한 에러가 뜨네요.
확실히 문제가 있는 것 같습니다.

ftp상에서는 파일도 있고 수정을 누르면 다운받아서 메모장도 뜨는데 브라우져에서만 그러네요..

7

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

해당파일을 서버에서 보내줄 때 헤더 정보가 문제가 되는게 아닐까 싶네요. text/css 형식으로 날라오는지 헤더를 확인해 보아야 할 것 같습니다.

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

8

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

답변 감사드립니다...

두분 덕분에 wysiwyg에디터 상태에서 스타일 적용 원리를 이해했네요...

서버가 되었든 설치상의 문제가 되었든 제쪽에 확실히 문제가 있는 것 같습니다.

혹시나 해서 폴더 내의 style.css파일을 받아다가 이름만 wysiwyg.css로 바꾸어 올렸더니
인식이 되네요..(올린후 웹폰트부분만 남겨놓고 다 지웠습니다..)
그러나 역시 권한문제에 걸립니다. 이제 봤더니, skin.html style.css 도 모두 권한이없다고나옵니다..
브라우저 상에서 주소를써서 불러오면 일단 찾을 수 없다고 나오고 다운로드 창이 뜨면서 다운로드 후
메모장으로 뜹니다..

Creorix님, inyoureyes님 두분의 열성적인 답변에 감사드립니다....

이제는  에디터 상에서 적용이 되어서 나오긴 나오는데 글을 쓰다가 한글자라도 지우면 다시 원래대로 나와버립니다.
미리보기 하면 제대로 나오구요...
이것도 권한 문제 일까요...? 웹호스팅업체 쪽에 질문을 올릴까 생각해보지만 제가 바보같네요..ㅜㅜ

9

답글: 에디터 상에서 웹폰트 보이게 어떻게 하는지요..?

참, 권한설정 문제는 lunamoth님의 댓글을 참고하여 customize폴더를 다시 만든 후에 권한을 777로 주니 해결이 되었습니다. 제가 customize를 지운게 화근이었네요..