티스토리 반응형 스킨의 모바일 표시

티스토리 블로그의 카테고리 중 Monologue는 나의 혼잣말을 적으려고 만든 것이라 폰트를 구글 웹폰트에서 제공하는 나눔 펜 스크립트 폰트를 사용하고 싶었다.

https://fonts.google.com/specimen/Nanum+Pen+Script

Google Fonts

컴퓨터 크롬 브라우저, 사파리 브라우저에서는 표시되는 나눔 펜 스크립트가 아이폰으로 보니 그냥 기본 고딕체로 나온다.

엇?? 왜지?? 하고 확인해보니 내가 업로드한 css가 적용이 되지 않은 상태로 화면 표시가 되어 있다는 것을 알았다. 모바일은 모바일 전용 html과 css를 사용하는가 보다.

wellcode.tistory.com/m/으로 접속을 하니 첫 화면에 내가 등록한 적이 없는 이미지가 표시되었다. 기본으로 설정되어 있는 이미지였다.

블로그관리 > 꾸미기 > 모바일 로 들어가 보았다.

모바일 꾸미기 설정의 티스토리 모바일웹 자동 연결을 사용합니다. 와 모바일 첫 화면 이미지를 변경하지 않았던 점이 원인이었다.

모바일웹 자동 연결을 해제하고 이미지를 변경하였다.

변경 후

모바일로 wellcode.tistory.com에 접속했을 경우, 커스텀css가 적용되어 나눔 펜 스크립트가 표시된다.

 

모바일웹주소로 접속

이제 자동으로 모바일웹으로 넘어가진 않지만 wellcode.tistory.com/m/ 주소로 들어가면 설정되어있는 기본 모바일웹으로 표시되어 나눔 펜 스크립트는 표시되지 않는다.