티스토리 뷰

728x90
반응형

안녕하세요. 화요일의 21입니다. 일단 웹 폰트 적용에 대한 결론부터 말하자면,  <span> 태그로 감싼 부분은 모바일에서도 해당 폰트가 정상적으로 나온다는 걸 확인했습니다. 한컴 산스체나 한컴 말랑말랑체를 테스트하다가 <span> 처리를 시도했을 때는 그저 영어나 숫자에 따 <span> 따로 지정해서 그런 건 줄 알았습니다. 현재 사용 중인 폰트는 나눔바른펜 폰트입니다. 해당 폰트는 눈누 사이트를 이용했습니다.

 

https://ashitaka21.tistory.com/400

 

[이모저모] 티스토리 웹 폰트 실험! 한컴산스와 한컴 말랑말랑 조합

안녕하세요. 수요일의 21입니다. Hello world!와 2025는 한컴말랑말랑 레귤러체입니다. 제가 문장은 한컴산스, 숫자나 영어는 한컴 말랑말랑을 쓰는 이유는 이렇습니다.Hello world!와 2025는 한컴산스 라

ashitaka21.tistory.com

당시에는 이걸 전혀 몰랐기에 <span> 처리만 따로 한 부분만 제대로 모바일에서도 정상적으로 나왔었고요. 그렇지 않은 것들은 기본 폰트로 나오더라고요.

 

https://ashitaka21.tistory.com/407

 

[이모저모] 티스토리 웹 폰트 테스트, 이것은 글쓰기인가 디버깅인가

안녕하세요. 월요일의 21입니다. 이것은 카페24 써라운드에어 폰트로 작성된 테스트 문장입니다.챗GPT의 도움을 받아 테스트해 보고 있습니다.폰트 크기는 18px로 설정되어 있습니다.티스토리 글

ashitaka21.tistory.com

이게 나중에 알고 나서 시도해 본 겁니다. 다행히 해당 폰트로 나오더라고요.

 

제가 일단 추구하고자 했던 건 CSS를 수정 또는 추가하지 않고 티스토리 에디터 내에서 바로 해당 폰트를 적용하는 거였습니다. 이유는 알았는데 다른 방법이 없을까 찾아봐야겠네요. 저 방법을 쓰면 되겠지만, 그렇게 하면 일일이 문장에 코드를 넣어야 하거든요.

애초에 HTML이나 CSS에 아무런 사전 지식 같은 것도 없고, 아는 것도 없어서 챗GPT에 물어보며 하나하나 적용하고 테스트했습니다. 챗GPT 22달러 주고 결제했으니 부려 먹어야죠. 아쉬웠던 건 티스토리 미리 보기이었습니다. 티스토리 미리 보기 화면은 모바일 버전도 볼 수 있지만, 거기서는 제대로 그 폰트로 표시되어서 제대로 되겠거니 했는데 올리고 보니까 아니더라고요. 게시하고 스마트폰에서 확인해 보니 다르게 나왔습니다. 결국 미리 보기와 실제 모바일 화면이 일치하지 않는다는 걸 깨닫게 된 거죠.

 

굳이 CSS가 아닌 HTML 태그에서 적용하려고 했던 이유는 티스토리 에디터 내에서 그 폰트를 보면서 글을 작성하고 싶어서였습니다. 게다가 다른 사람들에게 이런 폰트들이 있다는 걸 알려주고 싶어서였습니다. 그런 것도 있는데 실은 폰트를 검색해서 들어오는 경우가 늘어서인 것도 있습니다.

현재로선 <span style="font-family: '원하는 폰트';"> 방식이 가장 확실한 해결책이지만, 이 방법은 글을 쓸 때마다 문장마다 일일이 코드로 감싸야 해서 너무 번거롭다는 단점이 있습니다. 좀 더 간편하게 적용할 수 있는 방법이 있을지, 아니면 티스토리 측에서 개선해 주기를 기대해야 할지 고민 중입니다.

솔직히 말하면, 중간에 그냥 포기할까 싶기도 했습니다. 뭐 하려고 이렇게까지 하나 싶더라고요. 폰트 하나 적용하겠다고 <span> 태그를 매번 문장마다 감싸야 하고, 실수하면 깨지고, 모바일에선 다르게 나오고, 티스토리는 멋대로 태그 지우고. 하지만 또 막상 손 놓자니 아쉬운 거예요. 이왕 여기까지 온 거, 글을 쓰면서 바로 폰트 스타일을 눈으로 보면서 작업하고 싶고, 또 이런 웹 폰트도 있다는 걸 보여주고 싶은 마음도 분명히 있었거든요. 검색 유입도 은근히 되고 있으니까요. 하지만 매번 그렇게 코드를 일일이 넣는 건, 솔직히 비효율적이고 피곤합니다. 그러니까 결론은 아직은 편하게 쓸 수 있는 완벽한 방법은 없다. CSS를 몰라도, HTML을 몰라도, 에디터 내에서 간단하게 폰트를 적용할 수 있는 기능이 생기면 얼마나 좋을까 싶네요. 그전까지는 그냥 계속 삽질하면서 버텨야죠. 티스토리 쓰는 사람 다 그런 거 아니겠습니까.

728x90
반응형
댓글
최근에 달린 댓글
글 보관함
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
최근에 올라온 글
Total
Today
Yesterday